#394086#394086

#394086 is a dark, moderate blue. Relative luminance 0.063; OKLCH L 40.4% C 0.116 H 275.6°. Best body text is #FFFFFF at 9.33:1 contrast (WCAG AA passes).

Color values

HEX	#394086
RGB	rgb(57, 64, 134)
HSL	hsl(235, 40%, 37%)
HSV	hsv(235, 57%, 53%)
CMYK	cmyk(57.5%, 52.2%, 0%, 47.5%)
CIE-LAB	lab(30.05, 18.99, -40.30)
CIE-LCH	lch(30.05, 44.55, 295.22°)
OKLab	oklab(40.44% 0.0114 -0.1152)
OKLCH	oklch(40.44% 0.116 275.6)
XYZ	xyz(7.8224, 6.2573, 23.3452)
Luminance	0.0626 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#394086 #867F39

analogous

#396786 #394086 #583986

triadic

#394086 #863940 #408639

tetradic

#394086 #863967 #867F39 #398658

square

#394086 #863967 #867F39 #398658

split-complementary

#394086 #865839 #678639

monochromatic

#141730 #272B5B #394086 #4B55B1 #757CC4

Accessibility & contrast

On white

9.33

#394086 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.25

#394086 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #394086

9.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##394086	#FFFFFF	#000000	##FFFFFF
##394086	1.00	9.33	2.25	9.33
#FFFFFF	9.33	1.00	21.00	1.00
#000000	2.25	21.00	1.00	21.00
##FFFFFF	9.33	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1C4A88

Deuteranopia (green-blind)

#0F4485

Tritanopia (blue-blind)

#0F505C

Achromatopsia (no color)

#474747

Design tokens & code

CSS

--color: #394086;
/* rgb */ color: rgb(57, 64, 134);
/* oklch */ color: oklch(40.4% 0.116 275.6);

Tailwind

colors: {
  custom: {
    50: '#7674aa',
    500: '#394086',
    950: '#000000',
  },
}

SCSS

$custom: #394086;
$custom-light: #7674aa;
$custom-dark: #000000;

JSON

{
  "hex": "#394086",
  "rgb": {
    "r": 57,
    "g": 64,
    "b": 134
  },
  "hsl": {
    "h": 234.545,
    "s": 40.314,
    "l": 37.451
  },
  "oklch": {
    "l": 0.40435,
    "c": 0.11572,
    "h": 275.6
  },
  "luminance": 0.06258
}

Semantic roles & 50–950 ramp

primary

#394086

secondary

#ADA86D

accent

#C558D0

background

#F7F7FA

surface

#EDEDF4

border

#C8C8CE

text

#090810

muted

#7B7B7F

Preview Lab

Preview with #394086

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

Preview Lab → · Contrast checker → · Palette generator →