CSS named color
ForestGreen
#228B22
HEX
#228b22RGB
rgb(34, 139, 34)HSL
hsl(120, 61%, 34%)OKLCH
oklch(55.78% 0.1688 142.89)NAME
forestgreenPalette
Complementary
180° on the color wheelComplement
#8C228C
Analogous
±30° around the base hueLeft
#578C22
Right
#228C57
Triadic
±120° for harmonic contrastTriad 1
#22228C
Triad 2
#8C2222
Shades
Lighter and darker variantsCSS usage
By name
color: forestgreen;
background-color: forestgreen;By HEX
color: #228b22;
background-color: #228b22;By RGB
color: rgb(34, 139, 34);
background-color: rgb(34, 139, 34);By HSL
color: hsl(120, 61%, 34%);
background-color: hsl(120, 61%, 34%);WCAG contrast vs white
Aa
4.39:1
AA (large text)
WCAG contrast vs black
Aa
4.78:1
AA
Related colors
FAQ — ForestGreen
What is the HEX code for ForestGreen?
The HEX code for ForestGreen is #228B22. It's one of the 148 named CSS colors and can be used directly in CSS as color: forestgreen; or color: #228b22;
What is ForestGreen in RGB?
ForestGreen in RGB is rgb(34, 139, 34) — red 34, green 139, blue 34.
What is ForestGreen in HSL?
ForestGreen in HSL is hsl(120, 61%, 34%) — hue 120°, saturation 61%, lightness 34%.
What is the complementary color of ForestGreen?
The complementary color (directly opposite ForestGreen on the color wheel) is #8C228C. The two together produce maximum contrast.
Is white text readable on ForestGreen?
The WCAG contrast ratio against white (#FFFFFF) is 4.39:1, and against black (#000000) it's 4.78:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.