#342E75#342E75

#342E75 is a dark, moderate blue. Relative luminance 0.040; OKLCH L 35.1% C 0.118 H 282.3°. Best body text is #FFFFFF at 11.71:1 contrast (WCAG AA passes).

Color values

HEX#342E75
RGBrgb(52, 46, 117)
HSLhsl(245, 44%, 32%)
HSVhsv(245, 61%, 46%)
CMYKcmyk(55.6%, 60.7%, 0%, 54.1%)
CIE-LABlab(23.57, 24.05, -40.10)
CIE-LCHlch(23.57, 46.76, 300.96°)
OKLaboklab(35.09% 0.025 -0.1149)
OKLCHoklch(35.09% 0.118 282.3)
XYZxyz(5.6031, 3.9681, 17.2968)
Luminance0.0397 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#342E75 #6F752E
analogous
#2E4C75 #342E75 #582E75
triadic
#342E75 #75342E #2E7534
tetradic
#342E75 #752E4C #6F752E #2E7558
square
#342E75 #752E4C #6F752E #2E7558
split-complementary
#342E75 #75582E #4C752E
monochromatic
#0D0B1D #201D49 #342E75 #483FA1 #665EC0

Accessibility & contrast

On white

11.71
#342E75 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.79
#342E75 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #342E75
11.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##342E75#FFFFFF#000000##FFFFFF
##342E751.0011.711.7911.71
#FFFFFF11.711.0021.001.00
#0000001.7921.001.0021.00
##FFFFFF11.711.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003B77
Deuteranopia (green-blind)
#003674
Tritanopia (blue-blind)
#183F4C
Achromatopsia (no color)
#383838

Design tokens & code

CSS
--color: #342e75;
/* rgb */ color: rgb(52, 46, 117);
/* oklch */ color: oklch(35.1% 0.118 282.3);
Tailwind
colors: {
  custom: {
    50: '#72679d',
    500: '#342e75',
    950: '#000000',
  },
}
SCSS
$custom: #342e75;
$custom-light: #72679d;
$custom-dark: #000000;
JSON
{
  "hex": "#342e75",
  "rgb": {
    "r": 52,
    "g": 46,
    "b": 117
  },
  "hsl": {
    "h": 245.07,
    "s": 43.558,
    "l": 31.961
  },
  "oklch": {
    "l": 0.35094,
    "c": 0.11756,
    "h": 282.3
  },
  "luminance": 0.03968
}

Semantic roles & 50–950 ramp

primary
#342E75
secondary
#A0A659
accent
#D354C9
background
#F7F6F9
surface
#EDEBF2
border
#C8C6CC
text
#08060E
muted
#7B7A7E

Preview Lab

Preview with #342E75

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#342E75 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva