#110E16#110E16
#110E16 is a very dark, near-neutral violet. Relative luminance 0.005; OKLCH L 17.1% C 0.017 H 301.8°. Best body text is #FFFFFF at 19.12:1 contrast (WCAG AA passes).
Color values
| HEX | #110E16 |
|---|---|
| RGB | rgb(17, 14, 22) |
| HSL | hsl(263, 22%, 7%) |
| HSV | hsv(263, 36%, 9%) |
| CMYK | cmyk(22.7%, 36.4%, 0%, 91.4%) |
| CIE-LAB | lab(4.44, 2.71, -4.16) |
| CIE-LCH | lch(4.44, 4.96, 303.08°) |
| OKLab | oklab(17.15% 0.009 -0.0145) |
| OKLCH | oklch(17.15% 0.017 301.8) |
| XYZ | xyz(0.5330, 0.4912, 0.8256) |
| Luminance | 0.0049 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Black
#000000
ΔE00 5.76
Almost Black
#070D0D
ΔE00 6.81
Dark
#1B2431
ΔE00 8.48
Very Dark Brown
#1D0200
ΔE00 10.22
Gunmetal
#2A3439
ΔE00 13.21
Dark Grey
#363737
ΔE00 13.24
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#110E16 #13160E
analogous
#0E0F16 #110E16 #150E16
triadic
#110E16 #16110E #0E1611
tetradic
#110E16 #160E0F #13160E #0E1615
square
#110E16 #160E0F #13160E #0E1615
split-complementary
#110E16 #16150E #0F160E
monochromatic
#0E0C13 #0E0C13 #110E16 #2E263B #4B3E61
Accessibility & contrast
On white
19.12
#110E16 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#110E16 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #110E16
19.12:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##110E16 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##110E16 | 1.00 | 19.12 | 1.10 | 19.12 |
| #FFFFFF | 19.12 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.12 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0C0F16
Deuteranopia (green-blind)
#0D0F16
Tritanopia (blue-blind)
#100F11
Achromatopsia (no color)
#0F0F0F
Design tokens & code
CSS
--color: #110e16; /* rgb */ color: rgb(17, 14, 22); /* oklch */ color: oklch(17.1% 0.017 301.8);
Tailwind
colors: {
custom: {
50: '#4f4d52',
500: '#110e16',
950: '#000000',
},
}SCSS
$custom: #110e16; $custom-light: #4f4d52; $custom-dark: #000000;
JSON
{
"hex": "#110e16",
"rgb": {
"r": 17,
"g": 14,
"b": 22
},
"hsl": {
"h": 262.5,
"s": 22.222,
"l": 7.059
},
"oklch": {
"l": 0.17146,
"c": 0.01701,
"h": 301.8
},
"luminance": 0.00491
}Semantic roles & 50–950 ramp
primary
#110E16
secondary
#424A36
accent
#BF699F
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010102
muted
#777778