#052708#052708
#052708 is a very dark, moderate green. Relative luminance 0.015; OKLCH L 24.0% C 0.067 H 144.7°. Best body text is #FFFFFF at 16.15:1 contrast (WCAG AA passes).
Color values
| HEX | #052708 |
|---|---|
| RGB | rgb(5, 39, 8) |
| HSL | hsl(125, 77%, 9%) |
| HSV | hsv(125, 87%, 15%) |
| CMYK | cmyk(87.2%, 0%, 79.5%, 84.7%) |
| CIE-LAB | lab(12.61, -20.29, 14.94) |
| CIE-LCH | lch(12.61, 25.20, 143.62°) |
| OKLab | oklab(23.99% -0.0548 0.0388) |
| OKLCH | oklch(23.99% 0.067 144.7) |
| XYZ | xyz(0.8319, 1.5007, 0.4755) |
| Luminance | 0.0150 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Dark Forest Green
#002D04
ΔE00 3.28
Very Dark Green
#062E03
ΔE00 3.65
Dark Green
#033500
ΔE00 6.59
Hunter Green (survey)
#0B4008
ΔE00 9.39
Evergreen
#05472A
ΔE00 10.15
Pine Green
#0A481E
ΔE00 10.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#052708 #270524
analogous
#132705 #052708 #052719
triadic
#052708 #080527 #270805
tetradic
#052708 #051327 #270524 #271905
square
#052708 #051327 #270524 #271905
split-complementary
#052708 #190527 #270513
monochromatic
#031B06 #031B06 #052708 #0C5D13 #13931E
Accessibility & contrast
On white
16.15
#052708 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.30
#052708 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #052708
16.15:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##052708 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##052708 | 1.00 | 16.15 | 1.30 | 16.15 |
| #FFFFFF | 16.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.15 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#282205
Deuteranopia (green-blind)
#24200B
Tritanopia (blue-blind)
#002620
Achromatopsia (no color)
#212121
Design tokens & code
CSS
--color: #052708; /* rgb */ color: rgb(5, 39, 8); /* oklch */ color: oklch(24.0% 0.067 144.7);
Tailwind
colors: {
custom: {
50: '#49614a',
500: '#052708',
950: '#000000',
},
}SCSS
$custom: #052708; $custom-light: #49614a; $custom-dark: #000000;
JSON
{
"hex": "#052708",
"rgb": {
"r": 5,
"g": 39,
"b": 8
},
"hsl": {
"h": 125.294,
"s": 77.273,
"l": 8.627
},
"oklch": {
"l": 0.23994,
"c": 0.06721,
"h": 144.7
},
"luminance": 0.01501
}Semantic roles & 50–950 ramp
primary
#052708
secondary
#691F62
accent
#34E3F4
background
#F4F5F4
surface
#E7EAE7
border
#C3C6C3
text
#010501
muted
#777977