#000A08#000A08
#000A08 is a very dark, muted teal. Relative luminance 0.002; OKLCH L 13.0% C 0.023 H 182.9°. Best body text is #FFFFFF at 20.06:1 contrast (WCAG AA passes).
Color values
| HEX | #000A08 |
|---|---|
| RGB | rgb(0, 10, 8) |
| HSL | hsl(168, 100%, 2%) |
| HSV | hsv(168, 100%, 4%) |
| CMYK | cmyk(100%, 0%, 20%, 96.1%) |
| CIE-LAB | lab(2.12, -2.90, -0.16) |
| CIE-LCH | lch(2.12, 2.90, 183.24°) |
| OKLab | oklab(13% -0.0231 -0.0012) |
| OKLCH | oklch(13% 0.023 182.9) |
| XYZ | xyz(0.1523, 0.2346, 0.2669) |
| Luminance | 0.0024 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Almost Black
#070D0D
ΔE00 1.82
Black
#000000
ΔE00 4.14
Dark
#1B2431
ΔE00 11.49
Gunmetal
#2A3439
ΔE00 12.63
Charcoal (survey)
#343837
ΔE00 13.54
Dark Grey
#363737
ΔE00 13.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#000A08 #0A0002
analogous
#000A03 #000A08 #00070A
triadic
#000A08 #08000A #0A0800
tetradic
#000A08 #03000A #0A0002 #070A00
square
#000A08 #03000A #0A0002 #070A00
split-complementary
#000A08 #0A0007 #0A0300
monochromatic
#001F18 #001F18 #001F18 #004739 #00846A
Accessibility & contrast
On white
20.06
#000A08 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.05
#000A08 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #000A08
20.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##000A08 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##000A08 | 1.00 | 20.06 | 1.05 | 20.06 |
| #FFFFFF | 20.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 20.06 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#090908
Deuteranopia (green-blind)
#070708
Tritanopia (blue-blind)
#000A09
Achromatopsia (no color)
#080808
Design tokens & code
CSS
--color: #000a08; /* rgb */ color: rgb(0, 10, 8); /* oklch */ color: oklch(13.0% 0.023 182.9);
Tailwind
colors: {
custom: {
50: '#474b4a',
500: '#000a08',
950: '#000000',
},
}SCSS
$custom: #000a08; $custom-light: #474b4a; $custom-dark: #000000;
JSON
{
"hex": "#000a08",
"rgb": {
"r": 0,
"g": 10,
"b": 8
},
"hsl": {
"h": 168,
"s": 100,
"l": 1.961
},
"oklch": {
"l": 0.13,
"c": 0.02316,
"h": 182.9
},
"luminance": 0.00235
}Semantic roles & 50–950 ramp
primary
#000A08
secondary
#570F1E
accent
#2954FF
background
#F3F4F4
surface
#E5E7E7
border
#C1C3C3
text
#000101
muted
#777777