#141A4D#141A4D
#141A4D is a very dark, moderate blue. Relative luminance 0.014; OKLCH L 24.9% C 0.093 H 272.5°. Best body text is #FFFFFF at 16.35:1 contrast (WCAG AA passes).
Color values
| HEX | #141A4D |
|---|---|
| RGB | rgb(20, 26, 77) |
| HSL | hsl(234, 59%, 19%) |
| HSV | hsv(234, 74%, 30%) |
| CMYK | cmyk(74%, 66.2%, 0%, 69.8%) |
| CIE-LAB | lab(12.11, 16.80, -32.37) |
| CIE-LCH | lch(12.11, 36.47, 297.43°) |
| OKLab | oklab(24.9% 0.0041 -0.0933) |
| OKLCH | oklch(24.9% 0.093 272.5) |
| XYZ | xyz(1.9970, 1.4231, 7.1892) |
| Luminance | 0.0142 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Navy Blue (survey)
#001146
ΔE00 3.02
Navy (survey)
#01153E
ΔE00 3.77
Dark Navy
#000435
ΔE00 5.62
Midnight Blue (survey)
#020035
ΔE00 5.96
Very Dark Blue
#000133
ΔE00 6.07
Night Blue
#040348
ΔE00 6.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#141A4D #4D4714
analogous
#14374D #141A4D #2B144D
triadic
#141A4D #4D141A #1A4D14
tetradic
#141A4D #4D1437 #4D4714 #144D2B
square
#141A4D #4D1437 #4D4714 #144D2B
split-complementary
#141A4D #4D2B14 #374D14
monochromatic
#060818 #070A1C #141A4D #212A7E #2D3BAE
Accessibility & contrast
On white
16.35
#141A4D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#141A4D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #141A4D
16.35:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##141A4D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##141A4D | 1.00 | 16.35 | 1.28 | 16.35 |
| #FFFFFF | 16.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.35 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00224F
Deuteranopia (green-blind)
#001D4C
Tritanopia (blue-blind)
#002730
Achromatopsia (no color)
#202020
Design tokens & code
CSS
--color: #141a4d; /* rgb */ color: rgb(20, 26, 77); /* oklch */ color: oklch(24.9% 0.093 272.5);
Tailwind
colors: {
custom: {
50: '#5a567f',
500: '#141a4d',
950: '#000000',
},
}SCSS
$custom: #141a4d; $custom-light: #5a567f; $custom-dark: #000000;
JSON
{
"hex": "#141a4d",
"rgb": {
"r": 20,
"g": 26,
"b": 77
},
"hsl": {
"h": 233.684,
"s": 58.763,
"l": 19.02
},
"oklch": {
"l": 0.24898,
"c": 0.09338,
"h": 272.5
},
"luminance": 0.01423
}Semantic roles & 50–950 ramp
primary
#141A4D
secondary
#857D38
accent
#D246E2
background
#F5F5F7
surface
#E9E9EE
border
#C5C5C9
text
#04030A
muted
#79787C