#021506#021506
#021506 is a very dark, muted green. Relative luminance 0.006; OKLCH L 17.3% C 0.042 H 149.7°. Best body text is #FFFFFF at 18.88:1 contrast (WCAG AA passes).
Color values
| HEX | #021506 |
|---|---|
| RGB | rgb(2, 21, 6) |
| HSL | hsl(133, 83%, 5%) |
| HSV | hsv(133, 90%, 8%) |
| CMYK | cmyk(90.5%, 0%, 71.4%, 91.8%) |
| CIE-LAB | lab(5.08, -8.54, 4.99) |
| CIE-LCH | lch(5.08, 9.89, 149.71°) |
| OKLab | oklab(17.33% -0.0364 0.0213) |
| OKLCH | oklch(17.33% 0.042 149.7) |
| XYZ | xyz(0.3260, 0.5623, 0.2636) |
| Luminance | 0.0056 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Almost Black
#070D0D
ΔE00 8.84
Black
#000000
ΔE00 10.90
Dark Forest Green
#002D04
ΔE00 13.59
Very Dark Green
#062E03
ΔE00 13.68
Charcoal (survey)
#343837
ΔE00 14.28
Gunmetal
#2A3439
ΔE00 14.64
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#021506 #150211
analogous
#081502 #021506 #021510
triadic
#021506 #060215 #150602
tetradic
#021506 #020815 #150211 #151002
square
#021506 #020815 #150211 #151002
split-complementary
#021506 #100215 #150208
monochromatic
#031C08 #031C08 #031C08 #074D16 #0D8526
Accessibility & contrast
On white
18.88
#021506 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.11
#021506 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #021506
18.88:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##021506 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##021506 | 1.00 | 18.88 | 1.11 | 18.88 |
| #FFFFFF | 18.88 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.88 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#151205
Deuteranopia (green-blind)
#121007
Tritanopia (blue-blind)
#001411
Achromatopsia (no color)
#111111
Design tokens & code
CSS
--color: #021506; /* rgb */ color: rgb(2, 21, 6); /* oklch */ color: oklch(17.3% 0.042 149.7);
Tailwind
colors: {
custom: {
50: '#475249',
500: '#021506',
950: '#000000',
},
}SCSS
$custom: #021506; $custom-light: #475249; $custom-dark: #000000;
JSON
{
"hex": "#021506",
"rgb": {
"r": 2,
"g": 21,
"b": 6
},
"hsl": {
"h": 132.632,
"s": 82.609,
"l": 4.51
},
"oklch": {
"l": 0.17327,
"c": 0.04212,
"h": 149.7
},
"luminance": 0.00562
}Semantic roles & 50–950 ramp
primary
#021506
secondary
#5B184D
accent
#2FCEF9
background
#F4F4F4
surface
#E6E7E6
border
#C2C3C2
text
#000200
muted
#777877