#881969#881969
#881969 is a dark, vivid pink. Relative luminance 0.069; OKLCH L 43.3% C 0.166 H 342.3°. Best body text is #FFFFFF at 8.79:1 contrast (WCAG AA passes).
Color values
| HEX | #881969 |
|---|---|
| RGB | rgb(136, 25, 105) |
| HSL | hsl(317, 69%, 32%) |
| HSV | hsv(317, 82%, 53%) |
| CMYK | cmyk(0%, 81.6%, 22.8%, 46.7%) |
| CIE-LAB | lab(31.69, 52.37, -18.75) |
| CIE-LCH | lch(31.69, 55.63, 340.30°) |
| OKLab | oklab(43.32% 0.1577 -0.0504) |
| OKLCH | oklch(43.32% 0.166 342.3) |
| XYZ | xyz(13.0513, 6.9508, 14.0162) |
| Luminance | 0.0695 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Violet
#9E0168
ΔE00 4.57
Velvet
#750851
ΔE00 5.42
Rich Purple
#720058
ΔE00 5.42
Darkish Purple
#751973
ΔE00 5.88
Dark Magenta
#960056
ΔE00 6.42
Purple
#800080
ΔE00 6.96
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#881969 #198838
analogous
#701988 #881969 #881932
triadic
#881969 #698819 #196988
tetradic
#881969 #887019 #198838 #193288
square
#881969 #887019 #198838 #193288
split-complementary
#881969 #328819 #198870
monochromatic
#210619 #540F41 #881969 #BC2391 #DC40B0
Accessibility & contrast
On white
8.79
#881969 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.39
#881969 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #881969
8.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##881969 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##881969 | 1.00 | 8.79 | 2.39 | 8.79 |
| #FFFFFF | 8.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.79 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#253F6B
Deuteranopia (green-blind)
#495167
Tritanopia (blue-blind)
#911A40
Achromatopsia (no color)
#4B4B4B
Design tokens & code
CSS
--color: #881969; /* rgb */ color: rgb(136, 25, 105); /* oklch */ color: oklch(43.3% 0.166 342.3);
Tailwind
colors: {
custom: {
50: '#af6494',
500: '#881969',
950: '#000000',
},
}SCSS
$custom: #881969; $custom-light: #af6494; $custom-dark: #000000;
JSON
{
"hex": "#881969",
"rgb": {
"r": 136,
"g": 25,
"b": 105
},
"hsl": {
"h": 316.757,
"s": 68.944,
"l": 31.569
},
"oklch": {
"l": 0.43319,
"c": 0.16559,
"h": 342.3
},
"luminance": 0.06949
}Semantic roles & 50–950 ramp
primary
#881969
secondary
#41BB63
accent
#EC6D3C
background
#FBF6F9
surface
#F6EBF1
border
#D0C6CB
text
#11060D
muted
#807A7E