#201945#201945

#201945 is a very dark, moderate blue. Relative luminance 0.014; OKLCH L 25.0% C 0.079 H 286.4°. Best body text is #FFFFFF at 16.32:1 contrast (WCAG AA passes).

Color values

HEX	#201945
RGB	rgb(32, 25, 69)
HSL	hsl(250, 47%, 18%)
HSV	hsv(250, 64%, 27%)
CMYK	cmyk(53.6%, 63.8%, 0%, 72.9%)
CIE-LAB	lab(12.17, 17.02, -26.68)
CIE-LCH	lch(12.17, 31.65, 302.53°)
OKLab	oklab(24.99% 0.0225 -0.0762)
OKLCH	oklch(24.99% 0.079 286.4)
XYZ	xyz(2.0172, 1.4319, 5.7992)
Luminance	0.0143 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Midnight Blue (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#201945 #3E4519

analogous

#192845 #201945 #361945

triadic

#201945 #452019 #194520

tetradic

#201945 #451928 #3E4519 #194536

square

#201945 #451928 #3E4519 #194536

split-complementary

#201945 #453619 #284519

monochromatic

#0A0816 #0B0918 #201945 #352972 #4A3A9F

Accessibility & contrast

On white

16.32

#201945 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.29

#201945 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #201945

16.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##201945	#FFFFFF	#000000	##FFFFFF
##201945	1.00	16.32	1.29	16.32
#FFFFFF	16.32	1.00	21.00	1.00
#000000	1.29	21.00	1.00	21.00
##FFFFFF	16.32	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#012146

Deuteranopia (green-blind)

#001F44

Tritanopia (blue-blind)

#13232C

Achromatopsia (no color)

#202020

Design tokens & code

CSS

--color: #201945;
/* rgb */ color: rgb(32, 25, 69);
/* oklch */ color: oklch(25.0% 0.079 286.4);

Tailwind

colors: {
  custom: {
    50: '#5f5579',
    500: '#201945',
    950: '#000000',
  },
}

SCSS

$custom: #201945;
$custom-light: #5f5579;
$custom-dark: #000000;

JSON

{
  "hex": "#201945",
  "rgb": {
    "r": 32,
    "g": 25,
    "b": 69
  },
  "hsl": {
    "h": 249.545,
    "s": 46.809,
    "l": 18.431
  },
  "oklch": {
    "l": 0.24986,
    "c": 0.07943,
    "h": 286.4
  },
  "luminance": 0.01432
}

Semantic roles & 50–950 ramp

primary

#201945

secondary

#727B3E

accent

#D651C1

background

#F5F5F7

surface

#E9E9ED

border

#C5C5C8

text

#050309

muted

#79787B

Preview Lab

Preview with #201945

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

Preview Lab → · Contrast checker → · Palette generator →