#110E09#110E09
#110E09 is a very dark, near-neutral orange. Relative luminance 0.005; OKLCH L 16.6% C 0.011 H 80.5°. Best body text is #FFFFFF at 19.26:1 contrast (WCAG AA passes).
Color values
| HEX | #110E09 |
|---|---|
| RGB | rgb(17, 14, 9) |
| HSL | hsl(38, 31%, 5%) |
| HSV | hsv(38, 47%, 7%) |
| CMYK | cmyk(0%, 17.6%, 47.1%, 93.3%) |
| CIE-LAB | lab(4.09, 0.28, 2.44) |
| CIE-LCH | lch(4.09, 2.45, 83.35°) |
| OKLab | oklab(16.56% 0.0019 0.0111) |
| OKLCH | oklch(16.56% 0.011 80.5) |
| XYZ | xyz(0.4375, 0.4530, 0.3228) |
| Luminance | 0.0045 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Black
#000000
ΔE00 3.34
Almost Black
#070D0D
ΔE00 4.00
Very Dark Brown
#1D0200
ΔE00 10.94
Dark
#1B2431
ΔE00 12.08
Dark Grey
#363737
ΔE00 12.53
Charcoal (survey)
#343837
ΔE00 12.94
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#110E09 #090C11
analogous
#110A09 #110E09 #101109
triadic
#110E09 #09110E #0E0911
tetradic
#110E09 #09110A #090C11 #110910
square
#110E09 #09110A #090C11 #110910
split-complementary
#110E09 #091011 #0A0911
monochromatic
#14100B #14100B #14100B #392F1E #615033
Accessibility & contrast
On white
19.26
#110E09 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.09
#110E09 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #110E09
19.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##110E09 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##110E09 | 1.00 | 19.26 | 1.09 | 19.26 |
| #FFFFFF | 19.26 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.26 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0F0E09
Deuteranopia (green-blind)
#100F09
Tritanopia (blue-blind)
#120D0D
Achromatopsia (no color)
#0E0E0E
Design tokens & code
CSS
--color: #110e09; /* rgb */ color: rgb(17, 14, 9); /* oklch */ color: oklch(16.6% 0.011 80.5);
Tailwind
colors: {
custom: {
50: '#4f4d4b',
500: '#110e09',
950: '#000000',
},
}SCSS
$custom: #110e09; $custom-light: #4f4d4b; $custom-dark: #000000;
JSON
{
"hex": "#110e09",
"rgb": {
"r": 17,
"g": 14,
"b": 9
},
"hsl": {
"h": 37.5,
"s": 30.769,
"l": 5.098
},
"oklch": {
"l": 0.16564,
"c": 0.01124,
"h": 80.5
},
"luminance": 0.00453
}Semantic roles & 50–950 ramp
primary
#110E09
secondary
#2E3848
accent
#87C761
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010101
muted
#777777