#000A2A#000A2A
#000A2A is a very dark, moderate blue. Relative luminance 0.004; OKLCH L 16.0% C 0.069 H 260.9°. Best body text is #FFFFFF at 19.50:1 contrast (WCAG AA passes).
Color values
| HEX | #000A2A |
|---|---|
| RGB | rgb(0, 10, 42) |
| HSL | hsl(226, 100%, 8%) |
| HSV | hsv(226, 100%, 16%) |
| CMYK | cmyk(100%, 76.2%, 0%, 83.5%) |
| CIE-LAB | lab(3.47, 6.60, -21.20) |
| CIE-LCH | lch(3.47, 22.21, 287.29°) |
| OKLab | oklab(16.02% -0.0109 -0.068) |
| OKLCH | oklch(16.02% 0.069 260.9) |
| XYZ | xyz(0.5263, 0.3842, 2.2365) |
| Luminance | 0.0038 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Dark Navy Blue
#00022E
ΔE00 3.34
Midnight
#03012D
ΔE00 3.78
Navy (survey)
#01153E
ΔE00 4.39
Dark Navy
#000435
ΔE00 4.73
Very Dark Blue
#000133
ΔE00 4.78
Midnight Blue (survey)
#020035
ΔE00 5.66
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#000A2A #2A2000
analogous
#001F2A #000A2A #0B002A
triadic
#000A2A #2A000A #0A2A00
tetradic
#000A2A #2A001F #2A2000 #002A0B
square
#000A2A #2A001F #2A2000 #002A0B
split-complementary
#000A2A #2A0B00 #1F2A00
monochromatic
#00071F #00071F #000A2A #001967 #0027A4
Accessibility & contrast
On white
19.50
#000A2A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.08
#000A2A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #000A2A
19.50:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##000A2A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##000A2A | 1.00 | 19.50 | 1.08 | 19.50 |
| #FFFFFF | 19.50 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.50 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#000F2B
Deuteranopia (green-blind)
#000A29
Tritanopia (blue-blind)
#001218
Achromatopsia (no color)
#0C0C0C
Design tokens & code
CSS
--color: #000a2a; /* rgb */ color: rgb(0, 10, 42); /* oklch */ color: oklch(16.0% 0.069 260.9);
Tailwind
colors: {
custom: {
50: '#474b64',
500: '#000a2a',
950: '#000000',
},
}SCSS
$custom: #000a2a; $custom-light: #474b64; $custom-dark: #000000;
JSON
{
"hex": "#000a2a",
"rgb": {
"r": 0,
"g": 10,
"b": 42
},
"hsl": {
"h": 225.714,
"s": 100,
"l": 8.235
},
"oklch": {
"l": 0.16025,
"c": 0.06885,
"h": 260.9
},
"luminance": 0.00384
}Semantic roles & 50–950 ramp
primary
#000A2A
secondary
#725B14
accent
#CC29FF
background
#F4F4F5
surface
#E6E7EA
border
#C2C3C6
text
#000105
muted
#777779