#201737#201737

#201737 is a very dark, moderate violet. Relative luminance 0.012; OKLCH L 23.4% C 0.060 H 294.2°. Best body text is #FFFFFF at 16.95:1 contrast (WCAG AA passes).

Color values

HEX	#201737
RGB	rgb(32, 23, 55)
HSL	hsl(257, 41%, 15%)
HSV	hsv(257, 58%, 22%)
CMYK	cmyk(41.8%, 58.2%, 0%, 78.4%)
CIE-LAB	lab(10.53, 13.58, -19.40)
CIE-LCH	lch(10.53, 23.68, 305.00°)
OKLab	oklab(23.42% 0.0247 -0.0548)
OKLCH	oklch(23.42% 0.06 294.2)
XYZ	xyz(1.5915, 1.1957, 3.7606)
Luminance	0.0120 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Midnight Blue (survey)

#020035

ΔE00 7.98

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#201737 #2E3717

analogous

#171E37 #201737 #301737

triadic

#201737 #372017 #173720

tetradic

#201737 #37171E #2E3717 #173730

square

#201737 #37171E #2E3717 #173730

split-complementary

#201737 #373017 #1E3717

monochromatic

#0D0916 #0D0916 #201737 #392962 #523B8D

Accessibility & contrast

On white

16.95

#201737 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.24

#201737 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #201737

16.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##201737	#FFFFFF	#000000	##FFFFFF
##201737	1.00	16.95	1.24	16.95
#FFFFFF	16.95	1.00	21.00	1.00
#000000	1.24	21.00	1.00	21.00
##FFFFFF	16.95	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0B1D38

Deuteranopia (green-blind)

#0D1C36

Tritanopia (blue-blind)

#1B1D24

Achromatopsia (no color)

#1D1D1D

Design tokens & code

CSS

--color: #201737;
/* rgb */ color: rgb(32, 23, 55);
/* oklch */ color: oklch(23.4% 0.060 294.2);

Tailwind

colors: {
  custom: {
    50: '#5d546e',
    500: '#201737',
    950: '#000000',
  },
}

SCSS

$custom: #201737;
$custom-light: #5d546e;
$custom-dark: #000000;

JSON

{
  "hex": "#201737",
  "rgb": {
    "r": 32,
    "g": 23,
    "b": 55
  },
  "hsl": {
    "h": 256.875,
    "s": 41.026,
    "l": 15.294
  },
  "oklch": {
    "l": 0.23422,
    "c": 0.0601,
    "h": 294.2
  },
  "luminance": 0.01196
}

Semantic roles & 50–950 ramp

primary

#201737

secondary

#606D3D

accent

#D157AF

background

#F5F4F6

surface

#E9E7EB

border

#C5C3C6

text

#040207

muted

#79787A

Preview Lab

Preview with #201737

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

Preview Lab → · Contrast checker → · Palette generator →