#110E07#110E07
#110E07 is a very dark, near-neutral orange. Relative luminance 0.004; OKLCH L 16.5% C 0.015 H 88.3°. Best body text is #FFFFFF at 19.27:1 contrast (WCAG AA passes).
Color values
| HEX | #110E07 |
|---|---|
| RGB | rgb(17, 14, 7) |
| HSL | hsl(42, 42%, 5%) |
| HSV | hsv(42, 59%, 7%) |
| CMYK | cmyk(0%, 17.6%, 58.8%, 93.3%) |
| CIE-LAB | lab(4.05, 0.01, 3.19) |
| CIE-LCH | lch(4.05, 3.19, 89.84°) |
| OKLab | oklab(16.49% 0.0005 0.0151) |
| OKLCH | oklch(16.49% 0.015 88.3) |
| XYZ | xyz(0.4266, 0.4486, 0.2651) |
| Luminance | 0.0045 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Black
#000000
ΔE00 3.80
Almost Black
#070D0D
ΔE00 4.27
Very Dark Brown
#1D0200
ΔE00 11.48
Dark Grey
#363737
ΔE00 12.67
Dark
#1B2431
ΔE00 12.74
Charcoal (survey)
#343837
ΔE00 13.01
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#110E07 #070A11
analogous
#110907 #110E07 #0F1107
triadic
#110E07 #07110E #0E0711
tetradic
#110E07 #071109 #070A11 #11070F
square
#110E07 #071109 #070A11 #11070F
split-complementary
#110E07 #070F11 #090711
monochromatic
#161209 #161209 #161209 #3C3219 #68552B
Accessibility & contrast
On white
19.27
#110E07 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.09
#110E07 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #110E07
19.27:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##110E07 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##110E07 | 1.00 | 19.27 | 1.09 | 19.27 |
| #FFFFFF | 19.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.27 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#100E07
Deuteranopia (green-blind)
#100F07
Tritanopia (blue-blind)
#130D0C
Achromatopsia (no color)
#0E0E0E
Design tokens & code
CSS
--color: #110e07; /* rgb */ color: rgb(17, 14, 7); /* oklch */ color: oklch(16.5% 0.015 88.3);
Tailwind
colors: {
custom: {
50: '#4f4d4a',
500: '#110e07',
950: '#000000',
},
}SCSS
$custom: #110e07; $custom-light: #4f4d4a; $custom-dark: #000000;
JSON
{
"hex": "#110e07",
"rgb": {
"r": 17,
"g": 14,
"b": 7
},
"hsl": {
"h": 42,
"s": 41.667,
"l": 4.706
},
"oklch": {
"l": 0.16494,
"c": 0.01515,
"h": 88.3
},
"luminance": 0.00449
}Semantic roles & 50–950 ramp
primary
#110E07
secondary
#29334B
accent
#7BD156
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010101
muted
#777777