#831E69#831E69
#831E69 is a dark, vivid pink. Relative luminance 0.068; OKLCH L 42.9% C 0.157 H 340.5°. Best body text is #FFFFFF at 8.92:1 contrast (WCAG AA passes).
Color values
| HEX | #831E69 |
|---|---|
| RGB | rgb(131, 30, 105) |
| HSL | hsl(315, 63%, 32%) |
| HSV | hsv(315, 77%, 51%) |
| CMYK | cmyk(0%, 77.1%, 19.8%, 48.6%) |
| CIE-LAB | lab(31.29, 49.58, -19.46) |
| CIE-LCH | lch(31.29, 53.26, 338.58°) |
| OKLab | oklab(42.85% 0.1482 -0.0525) |
| OKLCH | oklch(42.85% 0.157 340.5) |
| XYZ | xyz(12.3745, 6.7750, 14.0179) |
| Luminance | 0.0677 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Rich Purple
#720058
ΔE00 5.08
Darkish Purple
#751973
ΔE00 5.15
Velvet
#750851
ΔE00 5.31
Red Violet
#9E0168
ΔE00 5.58
Grape
#6C3461
ΔE00 6.39
Purple
#800080
ΔE00 6.63
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#831E69 #1E8338
analogous
#6B1E83 #831E69 #831E36
triadic
#831E69 #69831E #1E6983
tetradic
#831E69 #836B1E #1E8338 #1E3683
square
#831E69 #836B1E #1E8338 #1E3683
split-complementary
#831E69 #36831E #1E836B
monochromatic
#1F0719 #511341 #831E69 #B52991 #D547B0
Accessibility & contrast
On white
8.92
#831E69 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.35
#831E69 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #831E69
8.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##831E69 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##831E69 | 1.00 | 8.92 | 2.35 | 8.92 |
| #FFFFFF | 8.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.35 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.92 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#263F6B
Deuteranopia (green-blind)
#474F67
Tritanopia (blue-blind)
#8B2141
Achromatopsia (no color)
#4A4A4A
Design tokens & code
CSS
--color: #831e69; /* rgb */ color: rgb(131, 30, 105); /* oklch */ color: oklch(42.9% 0.157 340.5);
Tailwind
colors: {
custom: {
50: '#ab6594',
500: '#831e69',
950: '#000000',
},
}SCSS
$custom: #831e69; $custom-light: #ab6594; $custom-dark: #000000;
JSON
{
"hex": "#831e69",
"rgb": {
"r": 131,
"g": 30,
"b": 105
},
"hsl": {
"h": 315.446,
"s": 62.733,
"l": 31.569
},
"oklch": {
"l": 0.42851,
"c": 0.1572,
"h": 340.5
},
"luminance": 0.06774
}Semantic roles & 50–950 ramp
primary
#831E69
secondary
#47B663
accent
#E66C42
background
#FAF6F9
surface
#F4EBF1
border
#CEC6CB
text
#10060D
muted
#7F7A7E