#2D892B#2D892B
#2D892B is a mid, vivid green. Relative luminance 0.186; OKLCH L 55.6% C 0.157 H 142.8°. Best body text is #000000 at 4.72:1 contrast (WCAG AA passes).
Color values
| HEX | #2D892B |
|---|---|
| RGB | rgb(45, 137, 43) |
| HSL | hsl(119, 52%, 35%) |
| HSV | hsv(119, 69%, 54%) |
| CMYK | cmyk(67.2%, 0%, 68.6%, 46.3%) |
| CIE-LAB | lab(50.24, -45.90, 41.06) |
| CIE-LCH | lch(50.24, 61.58, 138.18°) |
| OKLab | oklab(55.59% -0.1247 0.0946) |
| OKLCH | oklch(55.59% 0.157 142.8) |
| XYZ | xyz(10.4633, 18.6226, 5.3281) |
| Luminance | 0.1862 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Forestgreen (CSS)
#228B22
ΔE00 1.44
Emerald Green
#028F1E
ΔE00 2.97
Kelley Green
#009337
ΔE00 4.15
Tree Green
#2A7E19
ΔE00 4.21
Irish Green
#019529
ΔE00 4.39
Green
#008000
ΔE00 4.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2D892B #872B89
analogous
#5C892B #2D892B #2B8958
triadic
#2D892B #2B2D89 #892B2D
tetradic
#2D892B #2B5C89 #872B89 #89582B
square
#2D892B #2B5C89 #872B89 #89582B
split-complementary
#2D892B #582B89 #892B5C
monochromatic
#0E2C0E #1E5A1C #2D892B #3CB83A #63CD61
Accessibility & contrast
On white
4.44
#2D892B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.72
#2D892B on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #2D892B
4.72:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2D892B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2D892B | 1.00 | 4.44 | 4.72 | 4.72 |
| #FFFFFF | 4.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.72 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.72 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8C7C1E
Deuteranopia (green-blind)
#817534
Tritanopia (blue-blind)
#198576
Achromatopsia (no color)
#787878
Design tokens & code
CSS
--color: #2d892b; /* rgb */ color: rgb(45, 137, 43); /* oklch */ color: oklch(55.6% 0.157 142.8);
Tailwind
colors: {
custom: {
50: '#73ac69',
500: '#2d892b',
950: '#000000',
},
}SCSS
$custom: #2d892b; $custom-light: #73ac69; $custom-dark: #000000;
JSON
{
"hex": "#2d892b",
"rgb": {
"r": 45,
"g": 137,
"b": 43
},
"hsl": {
"h": 118.723,
"s": 52.222,
"l": 35.294
},
"oklch": {
"l": 0.55586,
"c": 0.15657,
"h": 142.8
},
"luminance": 0.18624
}Semantic roles & 50–950 ramp
primary
#2D892B
secondary
#B25CB3
accent
#4CDCD9
background
#F7FAF6
surface
#EDF4EB
border
#C8CEC6
text
#091006
muted
#7B7F7A