#812249#812249
#812249 is a dark, vivid pink. Relative luminance 0.063; OKLCH L 41.5% C 0.133 H 359.8°. Best body text is #FFFFFF at 9.30:1 contrast (WCAG AA passes).
Color values
| HEX | #812249 |
|---|---|
| RGB | rgb(129, 34, 73) |
| HSL | hsl(335, 58%, 32%) |
| HSV | hsv(335, 74%, 51%) |
| CMYK | cmyk(0%, 73.6%, 43.4%, 49.4%) |
| CIE-LAB | lab(30.14, 43.51, -0.36) |
| CIE-LCH | lch(30.14, 43.51, 359.52°) |
| OKLab | oklab(41.52% 0.1334 -0.0004) |
| OKLCH | oklch(41.52% 0.133 359.8) |
| XYZ | xyz(10.8287, 6.2936, 6.9466) |
| Luminance | 0.0629 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Purple
#820747
ΔE00 3.17
Wine (survey)
#80013F
ΔE00 3.60
Mulberry
#920A4E
ΔE00 3.74
Reddish Purple
#910951
ΔE00 4.00
Berry
#990F4B
ΔE00 4.80
Merlot
#730039
ΔE00 5.13
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#812249 #22815A
analogous
#812279 #812249 #812A22
triadic
#812249 #498122 #224981
tetradic
#812249 #798122 #22815A #2A2281
square
#812249 #798122 #22815A #2A2281
split-complementary
#812249 #22812A #227981
monochromatic
#200812 #51152E #812249 #B12F64 #D04D83
Accessibility & contrast
On white
9.30
#812249 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.26
#812249 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #812249
9.30:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##812249 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##812249 | 1.00 | 9.30 | 2.26 | 9.30 |
| #FFFFFF | 9.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.30 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#363B4A
Deuteranopia (green-blind)
#504E47
Tritanopia (blue-blind)
#8C1532
Achromatopsia (no color)
#474747
Design tokens & code
CSS
--color: #812249; /* rgb */ color: rgb(129, 34, 73); /* oklch */ color: oklch(41.5% 0.133 359.8);
Tailwind
colors: {
custom: {
50: '#aa657b',
500: '#812249',
950: '#000000',
},
}SCSS
$custom: #812249; $custom-light: #aa657b; $custom-dark: #000000;
JSON
{
"hex": "#812249",
"rgb": {
"r": 129,
"g": 34,
"b": 73
},
"hsl": {
"h": 335.368,
"s": 58.282,
"l": 31.961
},
"oklch": {
"l": 0.41522,
"c": 0.13339,
"h": 359.8
},
"luminance": 0.06292
}Semantic roles & 50–950 ramp
primary
#812249
secondary
#4BB389
accent
#E1A246
background
#FAF6F7
surface
#F5EBED
border
#CFC6C8
text
#110609
muted
#807A7B