A vivid medium green, black text passes AA
What color is forestgreen?
The CSS named color forestgreen is #228b22, or rgb(34 139 34): a vivid medium green in plain words. Black text on it reaches 4.78:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | forestgreen |
| Hex | #228b22 |
| RGB | rgb(34 139 34) |
| HSL | hsl(120 61% 34%) |
| OKLCH | oklch(55.8% 0.169 142.9) |
| Nearest Tailwind color | green-700 #008236, 0.038 away in OKLab |
| White text | 4.39:1: AA fails, AAA fails, large text passes |
| Black text | 4.78:1: AA passes, AAA fails, large text passes |
About forestgreen
A vivid medium green is the plain description of forestgreen: OKLCH lightness 55.8%, chroma 0.169, hue 142.9 degrees.
Its HSL lightness, 34%, says little about how light forestgreen looks; OKLCH, made to match the eye, measures 55.8%, 22 points away. The closest CSS named color is green (#008000), 0.039 away in OKLab: near, and still a visible step from it side by side.
Black text on forestgreen reaches 4.78:1, enough for WCAG AA body text but short of AAA's 7:1; white text gets 4.39:1. Its neighbors in the hue-sorted list of names are seagreen and green.
The closest Tailwind 4.3.3 color is green-700, 0.038 away in OKLab, so bg-green-700 comes near; bg-[#228b22] gives the color itself.
Tints and shades
- #dcecdb
- #bad9b7
- #98c594
- #75b271
- #509f4d
- #228b22
- #186c18
- #0f4e0f
- #073207
- #021902
- #000400
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #228b22
- #b9ecab
- #77407e
- #8ad290
- #37223b
Recolor's generator, with forestgreen locked as swatch 1 and the seed taken from its hex, drew a complementary palette, built on the hue opposite: #b9ecab, #77407e, #8ad290, #37223b. Open it in Recolor.
Using forestgreen
As a text color, forestgreen on a black page gives the same 4.78:1.
.notice {
background-color: forestgreen; /* #228b22 */
color: black; /* 4.78:1 */
}Common questions
Does white text pass WCAG AA on forestgreen?
No. White text measures 4.39:1 on forestgreen, under AA's 4.5:1; black text measures 4.78:1 and passes.
Can forestgreen be written in OKLCH?
Yes: oklch(55.8% 0.169 142.9), computed from #228b22. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to forestgreen?
Yes: green (#008000) is the nearest, 0.039 away in OKLab, then seagreen at 0.059.