#210024#210024

#210024 is a very dark, moderate purple. Relative luminance 0.005; OKLCH L 17.6% C 0.083 H 324.8°. Best body text is #FFFFFF at 19.26:1 contrast (WCAG AA passes).

Color values

HEX#210024
RGBrgb(33, 0, 36)
HSLhsl(295, 100%, 7%)
HSVhsv(295, 100%, 14%)
CMYKcmyk(8.3%, 100%, 0%, 85.9%)
CIE-LABlab(4.07, 21.02, -15.44)
CIE-LCHlch(4.07, 26.08, 323.70°)
OKLaboklab(17.64% 0.0675 -0.0476)
OKLCHoklch(17.64% 0.083 324.8)
XYZxyz(0.9456, 0.4508, 1.7059)
Luminance0.0045 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#210024 #032400
analogous
#0F0024 #210024 #240015
triadic
#210024 #242100 #002421
tetradic
#210024 #240F00 #032400 #001524
square
#210024 #240F00 #032400 #001524
split-complementary
#210024 #152400 #00240F
monochromatic
#1C001F #1C001F #210024 #590061 #91009E

Accessibility & contrast

On white

19.26
#210024 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.09
#210024 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #210024
19.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##210024#FFFFFF#000000##FFFFFF
##2100241.0019.261.0919.26
#FFFFFF19.261.0021.001.00
#0000001.0921.001.0021.00
##FFFFFF19.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#000B25
Deuteranopia (green-blind)
#051023
Tritanopia (blue-blind)
#220511
Achromatopsia (no color)
#0E0E0E

Design tokens & code

CSS
--color: #210024;
/* rgb */ color: rgb(33, 0, 36);
/* oklch */ color: oklch(17.6% 0.083 324.8);
Tailwind
colors: {
  custom: {
    50: '#5d465e',
    500: '#210024',
    950: '#000000',
  },
}
SCSS
$custom: #210024;
$custom-light: #5d465e;
$custom-dark: #000000;
JSON
{
  "hex": "#210024",
  "rgb": {
    "r": 33,
    "g": 0,
    "b": 36
  },
  "hsl": {
    "h": 295,
    "s": 100,
    "l": 7.059
  },
  "oklch": {
    "l": 0.17641,
    "c": 0.08256,
    "h": 324.8
  },
  "luminance": 0.00451
}

Semantic roles & 50–950 ramp

primary
#210024
secondary
#1B6D13
accent
#FF293B
background
#F5F3F5
surface
#E9E5E9
border
#C5C1C5
text
#040004
muted
#797779

Preview Lab

Preview with #210024

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

Preview Lab → · Contrast checker → · Palette generator →

#210024 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva