#021507#021507
#021507 is a very dark, muted green. Relative luminance 0.006; OKLCH L 17.4% C 0.040 H 151.6°. Best body text is #FFFFFF at 18.87:1 contrast (WCAG AA passes).
Color values
| HEX | #021507 |
|---|---|
| RGB | rgb(2, 21, 7) |
| HSL | hsl(136, 83%, 5%) |
| HSV | hsv(136, 90%, 8%) |
| CMYK | cmyk(90.5%, 0%, 66.7%, 91.8%) |
| CIE-LAB | lab(5.10, -8.40, 4.61) |
| CIE-LCH | lch(5.10, 9.58, 151.25°) |
| OKLab | oklab(17.36% -0.0356 0.0193) |
| OKLCH | oklch(17.36% 0.04 151.6) |
| XYZ | xyz(0.3315, 0.5645, 0.2925) |
| Luminance | 0.0056 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Almost Black
#070D0D
ΔE00 8.61
Black
#000000
ΔE00 10.72
Dark Forest Green
#002D04
ΔE00 13.81
Very Dark Green
#062E03
ΔE00 13.90
Charcoal (survey)
#343837
ΔE00 14.15
Gunmetal
#2A3439
ΔE00 14.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#021507 #150210
analogous
#071502 #021507 #021511
triadic
#021507 #070215 #150702
tetradic
#021507 #020715 #150210 #151102
square
#021507 #020715 #150210 #151102
split-complementary
#021507 #110215 #150207
monochromatic
#031C09 #031C09 #031C09 #074D1A #0D852C
Accessibility & contrast
On white
18.87
#021507 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.11
#021507 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #021507
18.87:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##021507 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##021507 | 1.00 | 18.87 | 1.11 | 18.87 |
| #FFFFFF | 18.87 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.87 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#151206
Deuteranopia (green-blind)
#121008
Tritanopia (blue-blind)
#001512
Achromatopsia (no color)
#111111
Design tokens & code
CSS
--color: #021507; /* rgb */ color: rgb(2, 21, 7); /* oklch */ color: oklch(17.4% 0.040 151.6);
Tailwind
colors: {
custom: {
50: '#47524a',
500: '#021507',
950: '#000000',
},
}SCSS
$custom: #021507; $custom-light: #47524a; $custom-dark: #000000;
JSON
{
"hex": "#021507",
"rgb": {
"r": 2,
"g": 21,
"b": 7
},
"hsl": {
"h": 135.789,
"s": 82.609,
"l": 4.51
},
"oklch": {
"l": 0.17358,
"c": 0.04044,
"h": 151.6
},
"luminance": 0.00565
}Semantic roles & 50–950 ramp
primary
#021507
secondary
#5B1849
accent
#2FC4F9
background
#F4F4F4
surface
#E6E7E7
border
#C2C3C3
text
#000201
muted
#777877