#0B5219#0B5219
#0B5219 is a dark, moderate green. Relative luminance 0.062; OKLCH L 38.4% C 0.111 H 145.7°. Best body text is #FFFFFF at 9.40:1 contrast (WCAG AA passes).
Color values
| HEX | #0B5219 |
|---|---|
| RGB | rgb(11, 82, 25) |
| HSL | hsl(132, 76%, 18%) |
| HSV | hsv(132, 87%, 32%) |
| CMYK | cmyk(86.6%, 0%, 69.5%, 67.8%) |
| CIE-LAB | lab(29.85, -34.02, 26.85) |
| CIE-LCH | lch(29.85, 43.34, 141.71°) |
| OKLab | oklab(38.4% -0.0916 0.0626) |
| OKLCH | oklch(38.4% 0.111 145.7) |
| XYZ | xyz(3.3305, 6.1755, 1.9360) |
| Luminance | 0.0618 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Forest
#0B5509
ΔE00 3.15
British Racing Green
#05480D
ΔE00 3.18
Darkgreen (survey)
#054907
ΔE00 3.37
Deep Green
#02590F
ΔE00 3.37
Bottle Green
#044A05
ΔE00 3.38
Forest Green (survey)
#06470C
ΔE00 3.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#0B5219 #520B44
analogous
#20520B #0B5219 #0B523C
triadic
#0B5219 #190B52 #52190B
tetradic
#0B5219 #0B2052 #520B44 #523C0B
square
#0B5219 #0B2052 #520B44 #523C0B
split-complementary
#0B5219 #3C0B52 #520B20
monochromatic
#041B08 #041C09 #0B5219 #128829 #19BE3A
Accessibility & contrast
On white
9.40
#0B5219 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.24
#0B5219 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #0B5219
9.40:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##0B5219 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0B5219 | 1.00 | 9.40 | 2.24 | 9.40 |
| #FFFFFF | 9.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.40 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#534A12
Deuteranopia (green-blind)
#4C441E
Tritanopia (blue-blind)
#005046
Achromatopsia (no color)
#464646
Design tokens & code
CSS
--color: #0b5219; /* rgb */ color: rgb(11, 82, 25); /* oklch */ color: oklch(38.4% 0.111 145.7);
Tailwind
colors: {
custom: {
50: '#598358',
500: '#0b5219',
950: '#000000',
},
}SCSS
$custom: #0b5219; $custom-light: #598358; $custom-dark: #000000;
JSON
{
"hex": "#0b5219",
"rgb": {
"r": 11,
"g": 82,
"b": 25
},
"hsl": {
"h": 131.831,
"s": 76.344,
"l": 18.235
},
"oklch": {
"l": 0.38404,
"c": 0.11099,
"h": 145.7
},
"luminance": 0.06176
}Semantic roles & 50–950 ramp
primary
#0B5219
secondary
#8E2B7A
accent
#35CDF3
background
#F5F8F5
surface
#E9EFE9
border
#C5CAC5
text
#040B03
muted
#797C78