#01111B#01111B
#01111B is a very dark, muted cyan. Relative luminance 0.005; OKLCH L 16.8% C 0.033 H 234.5°. Best body text is #FFFFFF at 19.14:1 contrast (WCAG AA passes).
Color values
| HEX | #01111B |
|---|---|
| RGB | rgb(1, 17, 27) |
| HSL | hsl(203, 93%, 5%) |
| HSV | hsv(203, 96%, 11%) |
| CMYK | cmyk(96.3%, 37%, 0%, 89.4%) |
| CIE-LAB | lab(4.39, -2.11, -8.19) |
| CIE-LCH | lch(4.39, 8.46, 255.53°) |
| OKLab | oklab(16.79% -0.019 -0.0267) |
| OKLCH | oklch(16.79% 0.033 234.5) |
| XYZ | xyz(0.4107, 0.4864, 1.1089) |
| Luminance | 0.0049 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Almost Black
#070D0D
ΔE00 6.38
Dark
#1B2431
ΔE00 6.73
Black
#000000
ΔE00 7.77
Gunmetal
#2A3439
ΔE00 11.10
Night Blue
#040348
ΔE00 12.38
Dark Blue
#00035B
ΔE00 12.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#01111B #1B0B01
analogous
#011B18 #01111B #01041B
triadic
#01111B #1B0111 #111B01
tetradic
#01111B #18011B #1B0B01 #041B01
square
#01111B #18011B #1B0B01 #041B01
split-complementary
#01111B #1B0104 #1B1801
monochromatic
#01131E #01131E #01131E #033656 #055B91
Accessibility & contrast
On white
19.14
#01111B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#01111B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #01111B
19.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##01111B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##01111B | 1.00 | 19.14 | 1.10 | 19.14 |
| #FFFFFF | 19.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.14 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0C111B
Deuteranopia (green-blind)
#080E1B
Tritanopia (blue-blind)
#001414
Achromatopsia (no color)
#0F0F0F
Design tokens & code
CSS
--color: #01111b; /* rgb */ color: rgb(1, 17, 27); /* oklch */ color: oklch(16.8% 0.033 234.5);
Tailwind
colors: {
custom: {
50: '#464f57',
500: '#01111b',
950: '#000000',
},
}SCSS
$custom: #01111b; $custom-light: #464f57; $custom-dark: #000000;
JSON
{
"hex": "#01111b",
"rgb": {
"r": 1,
"g": 17,
"b": 27
},
"hsl": {
"h": 203.077,
"s": 92.857,
"l": 5.49
},
"oklch": {
"l": 0.16793,
"c": 0.03283,
"h": 234.5
},
"luminance": 0.00486
}Semantic roles & 50–950 ramp
primary
#01111B
secondary
#633315
accent
#7B29FF
background
#F3F4F5
surface
#E5E7E9
border
#C1C3C5
text
#000103
muted
#767778