#39346E#39346E

#39346E is a dark, moderate blue. Relative luminance 0.045; OKLCH L 36.2% C 0.097 H 284.3°. Best body text is #FFFFFF at 11.11:1 contrast (WCAG AA passes).

Color values

HEX	#39346E
RGB	rgb(57, 52, 110)
HSL	hsl(245, 36%, 32%)
HSV	hsv(245, 53%, 43%)
CMYK	cmyk(48.2%, 52.7%, 0%, 56.9%)
CIE-LAB	lab(25.11, 18.84, -33.11)
CIE-LCH	lch(25.11, 38.10, 299.64°)
OKLab	oklab(36.19% 0.0241 -0.0941)
OKLCH	oklch(36.19% 0.097 284.3)
XYZ	xyz(5.7290, 4.4514, 15.3062)
Luminance	0.0445 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#39346E #696E34

analogous

#344C6E #39346E #56346E

triadic

#39346E #6E3934 #346E39

tetradic

#39346E #6E344C #696E34 #346E56

square

#39346E #6E344C #696E34 #346E56

split-complementary

#39346E #6E5634 #4C6E34

monochromatic

#0E0D1B #232044 #39346E #4F4898 #6D66B7

Accessibility & contrast

On white

11.11

#39346E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.89

#39346E on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #39346E

11.11:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##39346E	#FFFFFF	#000000	##FFFFFF
##39346E	1.00	11.11	1.89	11.11
#FFFFFF	11.11	1.00	21.00	1.00
#000000	1.89	21.00	1.00	21.00
##FFFFFF	11.11	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1A3D70

Deuteranopia (green-blind)

#183A6D

Tritanopia (blue-blind)

#28404C

Achromatopsia (no color)

#3C3C3C

Design tokens & code

CSS

--color: #39346e;
/* rgb */ color: rgb(57, 52, 110);
/* oklch */ color: oklch(36.2% 0.097 284.3);

Tailwind

colors: {
  custom: {
    50: '#736b98',
    500: '#39346e',
    950: '#000000',
  },
}

SCSS

$custom: #39346e;
$custom-light: #736b98;
$custom-dark: #000000;

JSON

{
  "hex": "#39346e",
  "rgb": {
    "r": 57,
    "g": 52,
    "b": 110
  },
  "hsl": {
    "h": 245.172,
    "s": 35.802,
    "l": 31.765
  },
  "oklch": {
    "l": 0.36194,
    "c": 0.09714,
    "h": 284.3
  },
  "luminance": 0.04452
}

Semantic roles & 50–950 ramp

primary

#39346E

secondary

#999F5F

accent

#CC5CC2

background

#F7F6F9

surface

#EDEBF2

border

#C8C6CC

text

#08060D

muted

#7B7A7E

Preview Lab

Preview with #39346E

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

Preview Lab → · Contrast checker → · Palette generator →