#201824#201824

#201824 is a very dark, muted purple. Relative luminance 0.011; OKLCH L 22.4% C 0.026 H 314.3°. Best body text is #FFFFFF at 17.25:1 contrast (WCAG AA passes).

Color values

HEX	#201824
RGB	rgb(32, 24, 36)
HSL	hsl(280, 20%, 12%)
HSV	hsv(280, 33%, 14%)
CMYK	cmyk(11.1%, 33.3%, 0%, 85.9%)
CIE-LAB	lab(9.70, 6.94, -6.76)
CIE-LCH	lch(9.70, 9.69, 315.77°)
OKLab	oklab(22.43% 0.0179 -0.0184)
OKLCH	oklch(22.43% 0.026 314.3)
XYZ	xyz(1.2407, 1.0877, 1.8133)
Luminance	0.0109 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#201824 #1C2418

analogous

#1A1824 #201824 #241822

triadic

#201824 #242018 #182420

tetradic

#201824 #241A18 #1C2418 #182224

square

#201824 #241A18 #1C2418 #182224

split-complementary

#201824 #222418 #18241A

monochromatic

#100C12 #100C12 #201824 #413049 #61496D

Accessibility & contrast

On white

17.25

#201824 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.22

#201824 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #201824

17.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##201824	#FFFFFF	#000000	##FFFFFF
##201824	1.00	17.25	1.22	17.25
#FFFFFF	17.25	1.00	21.00	1.00
#000000	1.22	21.00	1.00	21.00
##FFFFFF	17.25	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#161A24

Deuteranopia (green-blind)

#181B24

Tritanopia (blue-blind)

#20191C

Achromatopsia (no color)

#1B1B1B

Design tokens & code

CSS

--color: #201824;
/* rgb */ color: rgb(32, 24, 36);
/* oklch */ color: oklch(22.4% 0.026 314.3);

Tailwind

colors: {
  custom: {
    50: '#5b545e',
    500: '#201824',
    950: '#000000',
  },
}

SCSS

$custom: #201824;
$custom-light: #5b545e;
$custom-dark: #000000;

JSON

{
  "hex": "#201824",
  "rgb": {
    "r": 32,
    "g": 24,
    "b": 36
  },
  "hsl": {
    "h": 280,
    "s": 20,
    "l": 11.765
  },
  "oklch": {
    "l": 0.22428,
    "c": 0.02568,
    "h": 314.3
  },
  "luminance": 0.01088
}

Semantic roles & 50–950 ramp

primary

#201824

secondary

#485741

accent

#BD6B86

background

#F5F4F5

surface

#E9E7E9

border

#C5C3C5

text

#040204

muted

#797879

Preview Lab

Preview with #201824

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

Preview Lab → · Contrast checker → · Palette generator →