Forest Green is a medium-dark, saturated shade in the green color family, with a cool feel. Its HEX code is #228B22, which equals rgb(34, 139, 34) in RGB and hsl(120, 61%, 34%) in HSL. In print terms it converts to roughly C76 M0 Y76 K45, although exact CMYK results depend on the paper and color profile.
- HEX
#228B22 - RGB
34, 139, 34 - HSL
120°, 61%, 34% - CMYK
76, 0, 76, 45 - Family
Green - Tone
Medium-dark, saturated
About Forest Green
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 4.78:1. Its complementary color is #8C228C.
Download Forest Green as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Forest Green color codes
| HEX | #228B22 |
|---|---|
| RGB | rgb(34, 139, 34) |
| HSL | hsl(120, 61%, 34%) |
| HSV | 120°, 76%, 55% |
| CMYK | 76%, 0%, 76%, 45% |
| Decimal | 2263842 |
Shades and tints of Forest Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DAECDA - 100
#B5D8B5 - 200
#91C591 - 300
#6CB26C - 400
#479E47 - 500
#228B22 - 600
#1C741C - 700
#175D17 - 800
#114611 - 900
#0B2E0B - 950
#061706
Color harmonies for Forest Green
- Complementary
#8C228C≈ Deep Soft Magenta - Analogous −30°
#578C22≈ Deep Soft Apple - Analogous +30°
#228C57≈ Deep Soft Mint - Triadic +120°
#22228C≈ Deep Soft Blue - Triadic +240°
#8C2222≈ Deep Soft Red - Split 150°
#57228C≈ Deep Soft Violet - Split 210°
#8C2257≈ Deep Soft Blush
Contrast and accessibility of Forest Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Forest Green | Aa | 4.39:1 | AA Large only |
| Black text on Forest Green | Aa | 4.78:1 | AA (good) |
CSS code for Forest Green
background-color: #228B22;color: #228B22;background-color: rgb(34, 139, 34);background-color: hsl(120, 61%, 34%);:root { --color-forest-green: #228B22; }class="bg-[#228B22]"Colors similar to Forest Green
- Deep Soft Green
#238B23 - Deep Soft Shamrock
#2D8B23 - Deep Soft Kelly
#238B2D - Deep Soft Clover
#378B23 - Deep Soft Emerald
#238B37 - Deep Bright Kelly
#119C1F - Deep Bright Shamrock
#1F9C11 - Deep Bright Emerald
#119C2D - Deep Bright Clover
#2D9C11 - Deep Soft Leaf
#428B23 - Dark Bright Emerald
#0D7722 - Deep Bright Green
#119C11
More green shades
- Chartreuse
#7FFF00 - Lime Green
#32CD32 - Sea Green
#2E8B57 - Mint Cream
#F5FFFA - Pale Green
#98FB98 - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Green Yellow
#ADFF2F
Frequently asked questions
What is the HEX code for Forest Green?
The HEX code for Forest Green is #228B22.
What is the RGB value of Forest Green?
Forest Green has an RGB value of 34, 139, 34 (rgb(34, 139, 34)). In HSL it is 120°, 61%, 34%.
What text color should I use on Forest Green?
Use black text on Forest Green. White text has a contrast ratio of 4.39:1 and black text has 4.78:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Forest Green?
The complementary color of Forest Green is #8C228C. Analogous colors #578C22 and #228C57 also pair well.