#0E1018#0E1018
#0E1018 is a very dark, near-neutral blue. Relative luminance 0.005; OKLCH L 17.5% C 0.017 H 273.6°. Best body text is #FFFFFF at 18.99:1 contrast (WCAG AA passes).
Color values
| HEX | #0E1018 |
|---|---|
| RGB | rgb(14, 16, 24) |
| HSL | hsl(228, 26%, 7%) |
| HSV | hsv(228, 42%, 9%) |
| CMYK | cmyk(41.7%, 33.3%, 0%, 90.6%) |
| CIE-LAB | lab(4.79, 1.13, -5.17) |
| CIE-LCH | lch(4.79, 5.29, 282.32°) |
| OKLab | oklab(17.49% 0.0011 -0.0169) |
| OKLCH | oklch(17.49% 0.017 273.6) |
| XYZ | xyz(0.5312, 0.5299, 0.9383) |
| Luminance | 0.0053 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Black
#000000
ΔE00 5.59
Almost Black
#070D0D
ΔE00 5.65
Dark
#1B2431
ΔE00 6.87
Gunmetal
#2A3439
ΔE00 11.76
Very Dark Brown
#1D0200
ΔE00 12.53
Dark Grey
#363737
ΔE00 12.82
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#0E1018 #18160E
analogous
#0E1518 #0E1018 #110E18
triadic
#0E1018 #180E10 #10180E
tetradic
#0E1018 #180E15 #18160E #0E1811
square
#0E1018 #180E15 #18160E #0E1811
split-complementary
#0E1018 #18110E #15180E
monochromatic
#0B0D13 #0B0D13 #0E1018 #252A3F #3B4465
Accessibility & contrast
On white
18.99
#0E1018 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.11
#0E1018 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #0E1018
18.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##0E1018 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0E1018 | 1.00 | 18.99 | 1.11 | 18.99 |
| #FFFFFF | 18.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.99 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0E1118
Deuteranopia (green-blind)
#0D1018
Tritanopia (blue-blind)
#0B1213
Achromatopsia (no color)
#101010
Design tokens & code
CSS
--color: #0e1018; /* rgb */ color: rgb(14, 16, 24); /* oklch */ color: oklch(17.5% 0.017 273.6);
Tailwind
colors: {
custom: {
50: '#4d4e54',
500: '#0e1018',
950: '#000000',
},
}SCSS
$custom: #0e1018; $custom-light: #4d4e54; $custom-dark: #000000;
JSON
{
"hex": "#0e1018",
"rgb": {
"r": 14,
"g": 16,
"b": 24
},
"hsl": {
"h": 228,
"s": 26.316,
"l": 7.451
},
"oklch": {
"l": 0.17489,
"c": 0.01693,
"h": 273.6
},
"luminance": 0.0053
}Semantic roles & 50–950 ramp
primary
#0E1018
secondary
#4D4835
accent
#B065C3
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010102
muted
#777778