#042007#042007
#042007 is a very dark, muted green. Relative luminance 0.011; OKLCH L 21.5% C 0.058 H 145.5°. Best body text is #FFFFFF at 17.29:1 contrast (WCAG AA passes).
Color values
| HEX | #042007 |
|---|---|
| RGB | rgb(4, 32, 7) |
| HSL | hsl(126, 78%, 7%) |
| HSV | hsv(126, 88%, 13%) |
| CMYK | cmyk(87.5%, 0%, 78.1%, 87.5%) |
| CIE-LAB | lab(9.59, -16.57, 11.16) |
| CIE-LCH | lch(9.59, 19.98, 146.05°) |
| OKLab | oklab(21.48% -0.0477 0.0328) |
| OKLCH | oklch(21.48% 0.058 145.5) |
| XYZ | xyz(0.6049, 1.0741, 0.3764) |
| Luminance | 0.0107 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Dark Forest Green
#002D04
ΔE00 6.59
Very Dark Green
#062E03
ΔE00 6.89
Dark Green
#033500
ΔE00 9.82
Evergreen
#05472A
ΔE00 12.47
Hunter Green (survey)
#0B4008
ΔE00 12.56
Pine Green
#0A481E
ΔE00 13.25
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#042007 #20041D
analogous
#0F2004 #042007 #042015
triadic
#042007 #070420 #200704
tetradic
#042007 #040F20 #20041D #201504
square
#042007 #040F20 #20041D #201504
split-complementary
#042007 #150420 #20040F
monochromatic
#031B06 #031B06 #042007 #0B5613 #128D1F
Accessibility & contrast
On white
17.29
#042007 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.21
#042007 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #042007
17.29:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##042007 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##042007 | 1.00 | 17.29 | 1.21 | 17.29 |
| #FFFFFF | 17.29 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.29 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#211C05
Deuteranopia (green-blind)
#1D1A09
Tritanopia (blue-blind)
#001F1A
Achromatopsia (no color)
#1B1B1B
Design tokens & code
CSS
--color: #042007; /* rgb */ color: rgb(4, 32, 7); /* oklch */ color: oklch(21.5% 0.058 145.5);
Tailwind
colors: {
custom: {
50: '#475b4a',
500: '#042007',
950: '#000000',
},
}SCSS
$custom: #042007; $custom-light: #475b4a; $custom-dark: #000000;
JSON
{
"hex": "#042007",
"rgb": {
"r": 4,
"g": 32,
"b": 7
},
"hsl": {
"h": 126.429,
"s": 77.778,
"l": 7.059
},
"oklch": {
"l": 0.21476,
"c": 0.05788,
"h": 145.5
},
"luminance": 0.01074
}Semantic roles & 50–950 ramp
primary
#042007
secondary
#631D5B
accent
#34E0F4
background
#F4F5F4
surface
#E6E9E7
border
#C2C5C3
text
#000401
muted
#777977