#131F40#131F40
#131F40 is a very dark, moderate blue. Relative luminance 0.015; OKLCH L 24.9% C 0.065 H 266.7°. Best body text is #FFFFFF at 16.18:1 contrast (WCAG AA passes).
Color values
| HEX | #131F40 |
|---|---|
| RGB | rgb(19, 31, 64) |
| HSL | hsl(224, 54%, 16%) |
| HSV | hsv(224, 70%, 25%) |
| CMYK | cmyk(70.3%, 51.6%, 0%, 74.9%) |
| CIE-LAB | lab(12.53, 7.35, -22.65) |
| CIE-LCH | lch(12.53, 23.81, 287.97°) |
| OKLab | oklab(24.86% -0.0037 -0.0647) |
| OKLCH | oklch(24.86% 0.065 266.7) |
| XYZ | xyz(1.6836, 1.4884, 5.0481) |
| Luminance | 0.0149 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Navy Blue
#1B2A4A
ΔE00 3.66
Navy (survey)
#01153E
ΔE00 3.90
Navy Blue (survey)
#001146
ΔE00 6.38
Dark Navy Blue
#00022E
ΔE00 6.86
Dark Navy
#000435
ΔE00 7.08
Midnight
#03012D
ΔE00 7.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#131F40 #403413
analogous
#133640 #131F40 #1E1340
triadic
#131F40 #40131F #1F4013
tetradic
#131F40 #401336 #403413 #13401E
square
#131F40 #401336 #403413 #13401E
split-complementary
#131F40 #401E13 #364013
monochromatic
#070B18 #070B18 #131F40 #21366F #2F4D9E
Accessibility & contrast
On white
16.18
#131F40 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.30
#131F40 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #131F40
16.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##131F40 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##131F40 | 1.00 | 16.18 | 1.30 | 16.18 |
| #FFFFFF | 16.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.18 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0F2341
Deuteranopia (green-blind)
#081F3F
Tritanopia (blue-blind)
#00262C
Achromatopsia (no color)
#212121
Design tokens & code
CSS
--color: #131f40; /* rgb */ color: rgb(19, 31, 64); /* oklch */ color: oklch(24.9% 0.065 266.7);
Tailwind
colors: {
custom: {
50: '#565a75',
500: '#131f40',
950: '#000000',
},
}SCSS
$custom: #131f40; $custom-light: #565a75; $custom-dark: #000000;
JSON
{
"hex": "#131f40",
"rgb": {
"r": 19,
"g": 31,
"b": 64
},
"hsl": {
"h": 224,
"s": 54.217,
"l": 16.275
},
"oklch": {
"l": 0.24857,
"c": 0.06477,
"h": 266.7
},
"luminance": 0.01489
}Semantic roles & 50–950 ramp
primary
#131F40
secondary
#796736
accent
#B64ADE
background
#F5F5F7
surface
#E9E9ED
border
#C5C5C8
text
#030308
muted
#78787B