#760F1D#760F1D
#760F1D is a dark, vivid red. Relative luminance 0.043; OKLCH L 36.7% C 0.135 H 21.0°. Best body text is #FFFFFF at 11.31:1 contrast (WCAG AA passes).
Color values
| HEX | #760F1D |
|---|---|
| RGB | rgb(118, 15, 29) |
| HSL | hsl(352, 77%, 26%) |
| HSV | hsv(352, 87%, 46%) |
| CMYK | cmyk(0%, 87.3%, 75.4%, 53.7%) |
| CIE-LAB | lab(24.59, 42.94, 21.25) |
| CIE-LCH | lch(24.59, 47.91, 26.33°) |
| OKLab | oklab(36.66% 0.126 0.0485) |
| OKLCH | oklch(36.66% 0.135 21) |
| XYZ | xyz(7.8647, 4.2832, 1.5748) |
| Luminance | 0.0428 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Burgundy
#800020
ΔE00 2.40
Wine Red
#7B0323
ΔE00 2.97
Claret
#680018
ΔE00 3.51
Rosewood
#65000B
ΔE00 4.65
Bordeaux
#7B002C
ΔE00 6.36
Maroon (survey)
#650021
ΔE00 6.63
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#760F1D #0F7668
analogous
#760F50 #760F1D #76340F
triadic
#760F1D #1D760F #0F1D76
tetradic
#760F1D #50760F #0F7668 #340F76
square
#760F1D #50760F #0F7668 #340F76
split-complementary
#760F1D #0F7634 #0F5076
monochromatic
#1B0307 #400810 #760F1D #AC162A #E21D38
Accessibility & contrast
On white
11.31
#760F1D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.86
#760F1D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #760F1D
11.31:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##760F1D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##760F1D | 1.00 | 11.31 | 1.86 | 11.31 |
| #FFFFFF | 11.31 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.86 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.31 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#302D1D
Deuteranopia (green-blind)
#4A4219
Tritanopia (blue-blind)
#820016
Achromatopsia (no color)
#3A3A3A
Design tokens & code
CSS
--color: #760f1d; /* rgb */ color: rgb(118, 15, 29); /* oklch */ color: oklch(36.7% 0.135 21.0);
Tailwind
colors: {
custom: {
50: '#a55b58',
500: '#760f1d',
950: '#000000',
},
}SCSS
$custom: #760f1d; $custom-light: #a55b58; $custom-dark: #000000;
JSON
{
"hex": "#760f1d",
"rgb": {
"r": 118,
"g": 15,
"b": 29
},
"hsl": {
"h": 351.845,
"s": 77.444,
"l": 26.078
},
"oklch": {
"l": 0.36663,
"c": 0.13501,
"h": 21
},
"luminance": 0.04282
}Semantic roles & 50–950 ramp
primary
#760F1D
secondary
#33AD9D
accent
#F4DA34
background
#FBF5F5
surface
#F6E9E9
border
#D0C5C5
text
#110403
muted
#807978