Green family
Forest Green color
A deep, rich green. The reference forest green is #228B22, as defined by the CSS named color.
| HEX | #228B22 | |
|---|---|---|
| RGB | rgb(34, 139, 34) | |
| HSL | hsl(120, 61%, 34%) | |
| HSV | hsv(120, 76%, 55%) | |
| OKLCH | oklch(55.8% 0.169 142.9) | |
| CMYK* | 76, 0, 76, 45 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is forest green?
Forest green is a deep, natural green like the foliage of a dense forest. The CSS keyword forestgreen, #228B22, is fairly bright; the xkcd survey forest green is much darker, closer to hunter green.
Forest Green hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of forest green in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Forest Green | #228B22 | CSS named color | Reference shown on this page |
| Forest Green | #06470C | xkcd Color Survey | Noticeably different · 12% similar |
| Forest Green | #154406 | Color Names (meodai) | Noticeably different · 9% similar |
Forest Green vs Dark Green
#228B22
#006400
CSS dark green is deeper and slightly bluer; forest green is a touch lighter and more yellow. In numbers: the two are 51% similar (OKLab distance 0.123). See Dark Green for its own codes.
Colors similar to forest green
The closest named colors to #228B22 across all three sources, with their similarity in OKLab.
Tints and shades of forest green
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with forest green
Classic color-wheel combinations built on #228B22, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Forest Green with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a forest green background, black text is the better choice.
Use forest green in CSS
.forest-green {
color: #228B22;
/* or */ color: rgb(34 139 34);
/* or */ color: hsl(120 61% 34%);
/* or */ color: oklch(55.8% 0.169 142.9);
/* CSS keyword */ color: forestgreen;
}