#842166#842166

#842166 is a dark, vivid pink. Relative luminance 0.070; OKLCH L 43.1% C 0.152 H 342.7°. Best body text is #FFFFFF at 8.78:1 contrast (WCAG AA passes).

Color values

HEX	#842166
RGB	rgb(132, 33, 102)
HSL	hsl(318, 60%, 32%)
HSV	hsv(318, 75%, 52%)
CMYK	cmyk(0%, 75%, 22.7%, 48.2%)
CIE-LAB	lab(31.70, 48.38, -16.88)
CIE-LCH	lch(31.70, 51.24, 340.77°)
OKLab	oklab(43.14% 0.1455 -0.0452)
OKLCH	oklch(43.14% 0.152 342.7)
XYZ	xyz(12.4583, 6.9538, 13.2539)
Luminance	0.0695 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#842166 #21843F

analogous

#712184 #842166 #842134

triadic

#842166 #668421 #216684

tetradic

#842166 #847121 #21843F #213484

square

#842166 #847121 #21843F #213484

split-complementary

#842166 #348421 #218471

monochromatic

#22091A #531540 #842166 #B52D8C #D24DAA

Accessibility & contrast

On white

8.78

#842166 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.39

#842166 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #842166

8.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##842166	#FFFFFF	#000000	##FFFFFF
##842166	1.00	8.78	2.39	8.78
#FFFFFF	8.78	1.00	21.00	1.00
#000000	2.39	21.00	1.00	21.00
##FFFFFF	8.78	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2B4068

Deuteranopia (green-blind)

#4A5064

Tritanopia (blue-blind)

#8D2240

Achromatopsia (no color)

#4B4B4B

Design tokens & code

CSS

--color: #842166;
/* rgb */ color: rgb(132, 33, 102);
/* oklch */ color: oklch(43.1% 0.152 342.7);

Tailwind

colors: {
  custom: {
    50: '#ab6691',
    500: '#842166',
    950: '#000000',
  },
}

SCSS

$custom: #842166;
$custom-light: #ab6691;
$custom-dark: #000000;

JSON

{
  "hex": "#842166",
  "rgb": {
    "r": 132,
    "g": 33,
    "b": 102
  },
  "hsl": {
    "h": 318.182,
    "s": 60,
    "l": 32.353
  },
  "oklch": {
    "l": 0.43139,
    "c": 0.15236,
    "h": 342.7
  },
  "luminance": 0.06953
}

Semantic roles & 50–950 ramp

primary

#842166

secondary

#4BB66B

accent

#E37545

background

#FAF6F8

surface

#F5EBF0

border

#CFC6CB

text

#11060D

muted

#807A7D

Preview Lab

Preview with #842166

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

Preview Lab → · Contrast checker → · Palette generator →