Forest green color: code #228B22
Forest green
#228B22
Color codes
- HEX
#228B22 - RGB
rgb(34, 139, 34) - HSL
hsl(120, 61%, 34%) - HSV
hsv(120, 76%, 55%) - CMYK
cmyk(76%, 0%, 76%, 45%) - LAB
lab(50.6% -49.6 45) - OKLCH
oklch(55.8% 0.169 142.9)
About the color Forest green
Forest green has the HEX code #228B22, which corresponds to rgb(34, 139, 34) in the RGB model. On the color wheel its hue sits at 120°, with 61% saturation and 34% lightness (hsl(120, 61%, 34%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 4.78:1 contrast ratio on it, versus 4.38:1 for white.
For print, the approximate conversion is cmyk(76%, 0%, 76%, 45%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Forest green
Complementary
#228B22 · #8C228C
Analogous
#578C22 · #228B22 · #228C57
Triadic
#228B22 · #22228C · #8C2222
Tetradic
#228B22 · #22578C · #8C228C · #8C5722
Split-complementary
#228B22 · #57228C · #8C2257
Monochromatic
#092509 · #186318 · #228B22 · #31C931 · #6BDB6B
Forest green with white and black text
How to use it in CSS
:root {
--color-forest-green: #228B22;
--color-forest-green-rgb: 34, 139, 34;
}
.elemento {
background-color: var(--color-forest-green);
color: #000000;
}