#8D1D31#8D1D31
#8D1D31 is a dark, vivid red. Relative luminance 0.068; OKLCH L 42.6% C 0.146 H 16.7°. Best body text is #FFFFFF at 8.93:1 contrast (WCAG AA passes).
Color values
| HEX | #8D1D31 |
|---|---|
| RGB | rgb(141, 29, 49) |
| HSL | hsl(349, 66%, 33%) |
| HSV | hsv(349, 79%, 55%) |
| CMYK | cmyk(0%, 79.4%, 65.2%, 44.7%) |
| CIE-LAB | lab(31.27, 46.96, 17.42) |
| CIE-LCH | lch(31.27, 50.08, 20.35°) |
| OKLab | oklab(42.58% 0.1402 0.0419) |
| OKLCH | oklch(42.58% 0.146 16.7) |
| XYZ | xyz(11.9795, 6.7650, 3.5801) |
| Luminance | 0.0676 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Red Wine
#8C0034
ΔE00 4.29
Cranberry
#9E003A
ΔE00 4.49
Burgundy
#800020
ΔE00 4.55
Wine Red
#7B0323
ΔE00 4.79
Rouge
#AB1239
ΔE00 5.61
Bordeaux
#7B002C
ΔE00 5.83
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8D1D31 #1D8D79
analogous
#8D1D69 #8D1D31 #8D411D
triadic
#8D1D31 #318D1D #1D318D
tetradic
#8D1D31 #698D1D #1D8D79 #411D8D
square
#8D1D31 #698D1D #1D8D79 #411D8D
split-complementary
#8D1D31 #1D8D41 #1D698D
monochromatic
#27080E #5A131F #8D1D31 #C02743 #DA4B64
Accessibility & contrast
On white
8.93
#8D1D31 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.35
#8D1D31 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #8D1D31
8.93:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8D1D31 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8D1D31 | 1.00 | 8.93 | 2.35 | 8.93 |
| #FFFFFF | 8.93 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.35 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.93 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3D3B31
Deuteranopia (green-blind)
#5A522E
Tritanopia (blue-blind)
#9B0026
Achromatopsia (no color)
#4A4A4A
Design tokens & code
CSS
--color: #8d1d31; /* rgb */ color: rgb(141, 29, 49); /* oklch */ color: oklch(42.6% 0.146 16.7);
Tailwind
colors: {
custom: {
50: '#b56468',
500: '#8d1d31',
950: '#000000',
},
}SCSS
$custom: #8d1d31; $custom-light: #b56468; $custom-dark: #000000;
JSON
{
"hex": "#8d1d31",
"rgb": {
"r": 141,
"g": 29,
"b": 49
},
"hsl": {
"h": 349.286,
"s": 65.882,
"l": 33.333
},
"oklch": {
"l": 0.42584,
"c": 0.14629,
"h": 16.7
},
"luminance": 0.06763
}Semantic roles & 50–950 ramp
primary
#8D1D31
secondary
#4ABCA8
accent
#E9CA3F
background
#FCF6F6
surface
#F8EBEB
border
#D1C6C6
text
#120606
muted
#817A7A