#111B42#111B42
#111B42 is a very dark, moderate blue. Relative luminance 0.013; OKLCH L 23.9% C 0.075 H 269.2°. Best body text is #FFFFFF at 16.68:1 contrast (WCAG AA passes).
Color values
| HEX | #111B42 |
|---|---|
| RGB | rgb(17, 27, 66) |
| HSL | hsl(228, 59%, 16%) |
| HSV | hsv(228, 74%, 26%) |
| CMYK | cmyk(74.2%, 59.1%, 0%, 74.1%) |
| CIE-LAB | lab(11.25, 10.85, -26.13) |
| CIE-LCH | lch(11.25, 28.29, 292.56°) |
| OKLab | oklab(23.9% -0.001 -0.075) |
| OKLCH | oklch(23.9% 0.075 269.2) |
| XYZ | xyz(1.6061, 1.2962, 5.3188) |
| Luminance | 0.0130 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Navy (survey)
#01153E
ΔE00 2.43
Navy Blue (survey)
#001146
ΔE00 4.46
Dark Navy
#000435
ΔE00 5.37
Navy Blue
#1B2A4A
ΔE00 5.41
Dark Navy Blue
#00022E
ΔE00 5.55
Midnight
#03012D
ΔE00 5.74
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#111B42 #423811
analogous
#113442 #111B42 #201142
triadic
#111B42 #42111B #1B4211
tetradic
#111B42 #421134 #423811 #114220
square
#111B42 #421134 #423811 #114220
split-complementary
#111B42 #422011 #344211
monochromatic
#060A18 #060A18 #111B42 #1E2F73 #2A43A3
Accessibility & contrast
On white
16.68
#111B42 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.26
#111B42 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #111B42
16.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##111B42 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##111B42 | 1.00 | 16.68 | 1.26 | 16.68 |
| #FFFFFF | 16.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.68 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#042043
Deuteranopia (green-blind)
#001C41
Tritanopia (blue-blind)
#00242B
Achromatopsia (no color)
#1E1E1E
Design tokens & code
CSS
--color: #111b42; /* rgb */ color: rgb(17, 27, 66); /* oklch */ color: oklch(23.9% 0.075 269.2);
Tailwind
colors: {
custom: {
50: '#565677',
500: '#111b42',
950: '#000000',
},
}SCSS
$custom: #111b42; $custom-light: #565677; $custom-dark: #000000;
JSON
{
"hex": "#111b42",
"rgb": {
"r": 17,
"g": 27,
"b": 66
},
"hsl": {
"h": 227.755,
"s": 59.036,
"l": 16.275
},
"oklch": {
"l": 0.23895,
"c": 0.07502,
"h": 269.2
},
"luminance": 0.01296
}Semantic roles & 50–950 ramp
primary
#111B42
secondary
#7C6D33
accent
#C246E2
background
#F5F5F7
surface
#E9E9ED
border
#C5C5C8
text
#030308
muted
#78787B