#841640#841640
#841640 is a dark, vivid pink. Relative luminance 0.059; OKLCH L 40.7% C 0.146 H 4.3°. Best body text is #FFFFFF at 9.68:1 contrast (WCAG AA passes).
Color values
| HEX | #841640 |
|---|---|
| RGB | rgb(132, 22, 64) |
| HSL | hsl(337, 71%, 30%) |
| HSV | hsv(337, 83%, 52%) |
| CMYK | cmyk(0%, 83.3%, 51.5%, 48.2%) |
| CIE-LAB | lab(29.03, 47.54, 4.10) |
| CIE-LCH | lch(29.03, 47.71, 4.93°) |
| OKLab | oklab(40.73% 0.1456 0.0109) |
| OKLCH | oklch(40.73% 0.146 4.3) |
| XYZ | xyz(10.7290, 5.8510, 5.4139) |
| Luminance | 0.0585 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Wine (survey)
#80013F
ΔE00 2.56
Red Purple
#820747
ΔE00 3.69
Purple Red
#990147
ΔE00 3.91
Mulberry
#920A4E
ΔE00 4.04
Berry
#990F4B
ΔE00 4.11
Red Wine
#8C0034
ΔE00 4.35
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#841640 #16845A
analogous
#841677 #841640 #842316
triadic
#841640 #408416 #164084
tetradic
#841640 #778416 #16845A #231684
square
#841640 #778416 #16845A #231684
split-complementary
#841640 #168423 #167784
monochromatic
#1B050D #500D27 #841640 #B81F59 #DE3776
Accessibility & contrast
On white
9.68
#841640 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.17
#841640 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #841640
9.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##841640 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##841640 | 1.00 | 9.68 | 2.17 | 9.68 |
| #FFFFFF | 9.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.17 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.68 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#333741
Deuteranopia (green-blind)
#504C3D
Tritanopia (blue-blind)
#900029
Achromatopsia (no color)
#444444
Design tokens & code
CSS
--color: #841640; /* rgb */ color: rgb(132, 22, 64); /* oklch */ color: oklch(40.7% 0.146 4.3);
Tailwind
colors: {
custom: {
50: '#ad6174',
500: '#841640',
950: '#000000',
},
}SCSS
$custom: #841640; $custom-light: #ad6174; $custom-dark: #000000;
JSON
{
"hex": "#841640",
"rgb": {
"r": 132,
"g": 22,
"b": 64
},
"hsl": {
"h": 337.091,
"s": 71.429,
"l": 30.196
},
"oklch": {
"l": 0.40725,
"c": 0.14602,
"h": 4.3
},
"luminance": 0.0585
}Semantic roles & 50–950 ramp
primary
#841640
secondary
#3DB889
accent
#EEA93A
background
#FBF6F7
surface
#F6EBED
border
#D0C6C8
text
#110508
muted
#807A7B