Forest Green hex code
The hex code for forest green is #228B22. In RGB that is rgb(34, 139, 34) and in HSL it is hsl(120, 61%, 34%).
The hex code for forest green is #228B22. In RGB that is rgb(34, 139, 34) and in HSL it is hsl(120, 61%, 34%).
Forest Green · #228B22
Colour codes
- HEX
- #228B22
- RGB
- rgb(34, 139, 34)
- HSL
- hsl(120, 61%, 34%)
- CMYK
- 76, 0, 76, 45
- CSS name
- forestgreen
- Contrast on white
- 4.39:1
- Contrast on black
- 4.78:1
Tints and shades
20% lighter · #4ea24e
40% lighter · #7ab97a
60% lighter · #a7d1a7
80% lighter · #d3e8d3
20% darker · #1b6f1b
40% darker · #145314
60% darker · #0e380e
80% darker · #071c07
Complementary colour
Forest Green · #228B22
Opposite on the colour wheel · #8c228c
Frequently asked questions
What is the hex code for forest green?
The hex code for forest green is #228B22. In RGB that is rgb(34, 139, 34) and in HSL it is hsl(120, 61%, 34%).
Can I use forest green for text?
It has a contrast ratio of 4.39:1 on white and 4.78:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with forest green?
Its complementary colour, opposite on the colour wheel, is #8C228C. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of forest green instead.
Is forest green a CSS colour name?
Yes. CSS accepts the keyword forestgreen, so color: forestgreen and color: #228B22 render exactly the same.