#061E3E#061E3E
#061E3E is a very dark, moderate cyan. Relative luminance 0.013; OKLCH L 23.7% C 0.068 H 256.7°. Best body text is #FFFFFF at 16.63:1 contrast (WCAG AA passes).
Color values
| HEX | #061E3E |
|---|---|
| RGB | rgb(6, 30, 62) |
| HSL | hsl(214, 82%, 13%) |
| HSV | hsv(214, 90%, 24%) |
| CMYK | cmyk(90.3%, 51.6%, 0%, 75.7%) |
| CIE-LAB | lab(11.38, 4.80, -23.13) |
| CIE-LCH | lch(11.38, 23.62, 281.73°) |
| OKLab | oklab(23.74% -0.0157 -0.0664) |
| OKLCH | oklch(23.74% 0.068 256.7) |
| XYZ | xyz(1.4086, 1.3149, 4.7361) |
| Luminance | 0.0132 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Navy Blue
#1B2A4A
ΔE00 4.06
Navy (survey)
#01153E
ΔE00 4.14
Navy Blue (survey)
#001146
ΔE00 6.62
Marine
#042E60
ΔE00 6.69
Dark Navy Blue
#00022E
ΔE00 7.25
Dark Navy
#000435
ΔE00 7.40
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#061E3E #3E2606
analogous
#063A3E #061E3E #0A063E
triadic
#061E3E #3E061E #1E3E06
tetradic
#061E3E #3E063A #3E2606 #063E0A
square
#061E3E #3E063A #3E2606 #063E0A
split-complementary
#061E3E #3E0A06 #3A3E06
monochromatic
#030D1C #030D1C #061E3E #0B3976 #1154AE
Accessibility & contrast
On white
16.63
#061E3E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.26
#061E3E on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #061E3E
16.63:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##061E3E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##061E3E | 1.00 | 16.63 | 1.26 | 16.63 |
| #FFFFFF | 16.63 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.63 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0D213F
Deuteranopia (green-blind)
#031C3D
Tritanopia (blue-blind)
#00262A
Achromatopsia (no color)
#1E1E1E
Design tokens & code
CSS
--color: #061e3e; /* rgb */ color: rgb(6, 30, 62); /* oklch */ color: oklch(23.7% 0.068 256.7);
Tailwind
colors: {
custom: {
50: '#505973',
500: '#061e3e',
950: '#000000',
},
}SCSS
$custom: #061e3e; $custom-light: #505973; $custom-dark: #000000;
JSON
{
"hex": "#061e3e",
"rgb": {
"r": 6,
"g": 30,
"b": 62
},
"hsl": {
"h": 214.286,
"s": 82.353,
"l": 13.333
},
"oklch": {
"l": 0.23737,
"c": 0.0682,
"h": 256.7
},
"luminance": 0.01315
}Semantic roles & 50–950 ramp
primary
#061E3E
secondary
#7E5622
accent
#A22FF9
background
#F4F5F7
surface
#E7E9ED
border
#C3C5C8
text
#020308
muted
#78787B