#280123#280123

#280123 is a very dark, moderate purple. Relative luminance 0.006; OKLCH L 19.2% C 0.083 H 334.0°. Best body text is #FFFFFF at 18.77:1 contrast (WCAG AA passes).

Color values

HEX	#280123
RGB	rgb(40, 1, 35)
HSL	hsl(308, 95%, 8%)
HSV	hsv(308, 98%, 16%)
CMYK	cmyk(0%, 97.5%, 12.5%, 84.3%)
CIE-LAB	lab(5.37, 23.97, -12.57)
CIE-LCH	lch(5.37, 27.07, 332.33°)
OKLab	oklab(19.22% 0.0742 -0.0362)
OKLCH	oklch(19.22% 0.083 334)
XYZ	xyz(1.1893, 0.5943, 1.6419)
Luminance	0.0059 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#280123 #012806

analogous

#190128 #280123 #28010F

triadic

#280123 #232801 #012328

tetradic

#280123 #281901 #012806 #010F28

square

#280123 #281901 #012806 #010F28

split-complementary

#280123 #0F2801 #012819

monochromatic

#1E011A #1E011A #280123 #640257 #9F048B

Accessibility & contrast

On white

18.77

#280123 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.12

#280123 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #280123

18.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##280123	#FFFFFF	#000000	##FFFFFF
##280123	1.00	18.77	1.12	18.77
#FFFFFF	18.77	1.00	21.00	1.00
#000000	1.12	21.00	1.00	21.00
##FFFFFF	18.77	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#000E24

Deuteranopia (green-blind)

#0E1422

Tritanopia (blue-blind)

#2A0411

Achromatopsia (no color)

#121212

Design tokens & code

CSS

--color: #280123;
/* rgb */ color: rgb(40, 1, 35);
/* oklch */ color: oklch(19.2% 0.083 334.0);

Tailwind

colors: {
  custom: {
    50: '#63465e',
    500: '#280123',
    950: '#000000',
  },
}

SCSS

$custom: #280123;
$custom-light: #63465e;
$custom-dark: #000000;

JSON

{
  "hex": "#280123",
  "rgb": {
    "r": 40,
    "g": 1,
    "b": 35
  },
  "hsl": {
    "h": 307.692,
    "s": 95.122,
    "l": 8.039
  },
  "oklch": {
    "l": 0.19222,
    "c": 0.08257,
    "h": 334
  },
  "luminance": 0.00594
}

Semantic roles & 50–950 ramp

primary

#280123

secondary

#166F22

accent

#FF4429

background

#F6F4F5

surface

#EBE6E9

border

#C6C2C5

text

#050004

muted

#7A7779

Preview Lab

Preview with #280123

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

Preview Lab → · Contrast checker → · Palette generator →