#051D37#051D37
#051D37 is a very dark, muted cyan. Relative luminance 0.012; OKLCH L 22.8% C 0.059 H 252.7°. Best body text is #FFFFFF at 16.97:1 contrast (WCAG AA passes).
Color values
| HEX | #051D37 |
|---|---|
| RGB | rgb(5, 29, 55) |
| HSL | hsl(211, 83%, 12%) |
| HSV | hsv(211, 91%, 22%) |
| CMYK | cmyk(90.9%, 47.3%, 0%, 78.4%) |
| CIE-LAB | lab(10.46, 2.10, -19.63) |
| CIE-LCH | lch(10.46, 19.74, 276.10°) |
| OKLab | oklab(22.84% -0.0175 -0.0561) |
| OKLCH | oklch(22.84% 0.059 252.7) |
| XYZ | xyz(1.1913, 1.1867, 3.7800) |
| Luminance | 0.0119 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Navy Blue
#1B2A4A
ΔE00 5.22
Navy (survey)
#01153E
ΔE00 5.79
Dark
#1B2431
ΔE00 6.41
Marine
#042E60
ΔE00 7.76
Navy Blue (survey)
#001146
ΔE00 7.81
Dark Navy Blue
#00022E
ΔE00 8.24
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#051D37 #371F05
analogous
#053637 #051D37 #060537
triadic
#051D37 #37051D #1D3705
tetradic
#051D37 #370536 #371F05 #053706
square
#051D37 #370536 #371F05 #053706
split-complementary
#051D37 #370605 #363705
monochromatic
#030F1C #030F1C #051D37 #0A3B6F #0F58A7
Accessibility & contrast
On white
16.97
#051D37 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#051D37 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #051D37
16.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##051D37 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##051D37 | 1.00 | 16.97 | 1.24 | 16.97 |
| #FFFFFF | 16.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.97 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#101F38
Deuteranopia (green-blind)
#081A36
Tritanopia (blue-blind)
#002327
Achromatopsia (no color)
#1C1C1C
Design tokens & code
CSS
--color: #051d37; /* rgb */ color: rgb(5, 29, 55); /* oklch */ color: oklch(22.8% 0.059 252.7);
Tailwind
colors: {
custom: {
50: '#4e586e',
500: '#051d37',
950: '#000000',
},
}SCSS
$custom: #051d37; $custom-light: #4e586e; $custom-dark: #000000;
JSON
{
"hex": "#051d37",
"rgb": {
"r": 5,
"g": 29,
"b": 55
},
"hsl": {
"h": 211.2,
"s": 83.333,
"l": 11.765
},
"oklch": {
"l": 0.22842,
"c": 0.05876,
"h": 252.7
},
"luminance": 0.01187
}Semantic roles & 50–950 ramp
primary
#051D37
secondary
#784E20
accent
#982EFA
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#020307
muted
#78787A