#291B0A#291B0A
#291B0A is a very dark, muted orange. Relative luminance 0.013; OKLCH L 23.5% C 0.036 H 69.9°. Best body text is #FFFFFF at 16.73:1 contrast (WCAG AA passes).
Color values
| HEX | #291B0A |
|---|---|
| RGB | rgb(41, 27, 10) |
| HSL | hsl(33, 61%, 10%) |
| HSV | hsv(33, 76%, 16%) |
| CMYK | cmyk(0%, 34.1%, 75.6%, 83.9%) |
| CIE-LAB | lab(11.12, 4.55, 12.56) |
| CIE-LCH | lch(11.12, 13.36, 70.10°) |
| OKLab | oklab(23.54% 0.0123 0.0336) |
| OKLCH | oklch(23.54% 0.036 69.9) |
| XYZ | xyz(1.3613, 1.2773, 0.4619) |
| Luminance | 0.0128 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Dark Brown
#341C02
ΔE00 5.27
Chocolate (survey)
#3D1C02
ΔE00 8.79
Espresso
#4B382A
ΔE00 9.82
Chocolate Brown
#411900
ΔE00 10.96
Very Dark Brown
#1D0200
ΔE00 10.98
Black
#000000
ΔE00 12.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#291B0A #0A1829
analogous
#290B0A #291B0A #28290A
triadic
#291B0A #0A291B #1B0A29
tetradic
#291B0A #0A290B #0A1829 #290A28
square
#291B0A #0A290B #0A1829 #290A28
split-complementary
#291B0A #0A2829 #0B0A29
monochromatic
#191006 #191006 #291B0A #5A3B16 #8B5C22
Accessibility & contrast
On white
16.73
#291B0A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.26
#291B0A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #291B0A
16.73:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##291B0A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##291B0A | 1.00 | 16.73 | 1.26 | 16.73 |
| #FFFFFF | 16.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.73 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#201C08
Deuteranopia (green-blind)
#231F0A
Tritanopia (blue-blind)
#2D1817
Achromatopsia (no color)
#1E1E1E
Design tokens & code
CSS
--color: #291b0a; /* rgb */ color: rgb(41, 27, 10); /* oklch */ color: oklch(23.5% 0.036 69.9);
Tailwind
colors: {
custom: {
50: '#64574b',
500: '#291b0a',
950: '#000000',
},
}SCSS
$custom: #291b0a; $custom-light: #64574b; $custom-dark: #000000;
JSON
{
"hex": "#291b0a",
"rgb": {
"r": 41,
"g": 27,
"b": 10
},
"hsl": {
"h": 32.903,
"s": 60.784,
"l": 10
},
"oklch": {
"l": 0.23544,
"c": 0.03581,
"h": 69.9
},
"luminance": 0.01277
}Semantic roles & 50–950 ramp
primary
#291B0A
secondary
#294466
accent
#8CE444
background
#F6F5F4
surface
#EBE9E7
border
#C6C5C3
text
#050301
muted
#7A7877