#872080#872080

#872080 is a dark, vivid purple. Relative luminance 0.077; OKLCH L 44.9% C 0.174 H 331.1°. Best body text is #FFFFFF at 8.24:1 contrast (WCAG AA passes).

Color values

HEX	#872080
RGB	rgb(135, 32, 128)
HSL	hsl(304, 62%, 33%)
HSV	hsv(304, 76%, 53%)
CMYK	cmyk(0%, 76.3%, 5.2%, 47.1%)
CIE-LAB	lab(33.44, 53.46, -30.59)
CIE-LCH	lch(33.44, 61.59, 330.22°)
OKLab	oklab(44.93% 0.1524 -0.0843)
OKLCH	oklch(44.93% 0.174 331.1)
XYZ	xyz(14.4045, 7.7436, 21.1539)
Luminance	0.0774 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#872080 #208727

analogous

#5B2087 #872080 #87204C

triadic

#872080 #808720 #208087

tetradic

#872080 #875B20 #208727 #204C87

square

#872080 #875B20 #208727 #204C87

split-complementary

#872080 #4C8720 #20875B

monochromatic

#240922 #561451 #872080 #B82CAF #D54DCB

Accessibility & contrast

On white

8.24

#872080 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.55

#872080 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #872080

8.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##872080	#FFFFFF	#000000	##FFFFFF
##872080	1.00	8.24	2.55	8.24
#FFFFFF	8.24	1.00	21.00	1.00
#000000	2.55	21.00	1.00	21.00
##FFFFFF	8.24	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#164683

Deuteranopia (green-blind)

#41547E

Tritanopia (blue-blind)

#8D2D4E

Achromatopsia (no color)

#4F4F4F

Design tokens & code

CSS

--color: #872080;
/* rgb */ color: rgb(135, 32, 128);
/* oklch */ color: oklch(44.9% 0.174 331.1);

Tailwind

colors: {
  custom: {
    50: '#ad67a5',
    500: '#872080',
    950: '#000000',
  },
}

SCSS

$custom: #872080;
$custom-light: #ad67a5;
$custom-dark: #000000;

JSON

{
  "hex": "#872080",
  "rgb": {
    "r": 135,
    "g": 32,
    "b": 128
  },
  "hsl": {
    "h": 304.078,
    "s": 61.677,
    "l": 32.745
  },
  "oklch": {
    "l": 0.44927,
    "c": 0.17418,
    "h": 331.1
  },
  "luminance": 0.07742
}

Semantic roles & 50–950 ramp

primary

#872080

secondary

#4BB853

accent

#E54E43

background

#FBF6FA

surface

#F6EBF4

border

#D0C6CE

text

#11070F

muted

#807A7F

Preview Lab

Preview with #872080

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

Preview Lab → · Contrast checker → · Palette generator →