#811666#811666
#811666 is a dark, vivid pink. Relative luminance 0.062; OKLCH L 41.7% C 0.162 H 340.9°. Best body text is #FFFFFF at 9.38:1 contrast (WCAG AA passes).
Color values
| HEX | #811666 |
|---|---|
| RGB | rgb(129, 22, 102) |
| HSL | hsl(315, 71%, 30%) |
| HSV | hsv(315, 83%, 51%) |
| CMYK | cmyk(0%, 82.9%, 20.9%, 49.4%) |
| CIE-LAB | lab(29.92, 51.09, -19.69) |
| CIE-LCH | lch(29.92, 54.75, 338.93°) |
| OKLab | oklab(41.74% 0.1532 -0.0531) |
| OKLCH | oklch(41.74% 0.162 340.9) |
| XYZ | xyz(11.7388, 6.2015, 13.1466) |
| Luminance | 0.0620 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Rich Purple
#720058
ΔE00 4.00
Velvet
#750851
ΔE00 4.47
Darkish Purple
#751973
ΔE00 4.91
Red Violet
#9E0168
ΔE00 5.90
Purple
#800080
ΔE00 6.41
Grape
#6C3461
ΔE00 6.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#811666 #168131
analogous
#671681 #811666 #811631
triadic
#811666 #668116 #166681
tetradic
#811666 #816716 #168131 #163181
square
#811666 #816716 #168131 #163181
split-complementary
#811666 #318116 #168167
monochromatic
#1A0415 #4D0D3D #811666 #B51F8F #DD35B2
Accessibility & contrast
On white
9.38
#811666 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.24
#811666 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #811666
9.38:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##811666 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##811666 | 1.00 | 9.38 | 2.24 | 9.38 |
| #FFFFFF | 9.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.38 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#203C68
Deuteranopia (green-blind)
#444C64
Tritanopia (blue-blind)
#89193D
Achromatopsia (no color)
#464646
Design tokens & code
CSS
--color: #811666; /* rgb */ color: rgb(129, 22, 102); /* oklch */ color: oklch(41.7% 0.162 340.9);
Tailwind
colors: {
custom: {
50: '#a96292',
500: '#811666',
950: '#000000',
},
}SCSS
$custom: #811666; $custom-light: #a96292; $custom-dark: #000000;
JSON
{
"hex": "#811666",
"rgb": {
"r": 129,
"g": 22,
"b": 102
},
"hsl": {
"h": 315.14,
"s": 70.861,
"l": 29.608
},
"oklch": {
"l": 0.41741,
"c": 0.16214,
"h": 340.9
},
"luminance": 0.062
}Semantic roles & 50–950 ramp
primary
#811666
secondary
#3DB65C
accent
#EE673A
background
#FAF6F8
surface
#F4EBF0
border
#CEC6CB
text
#10060D
muted
#7F7A7D