A vivid light yellow-green, black text passes AA
What color is yellowgreen?
The CSS named color yellowgreen is #9acd32, or rgb(154 205 50): a vivid light yellow-green in plain words. Black text on it reaches 11.15:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | yellowgreen |
| Hex | #9acd32 |
| RGB | rgb(154 205 50) |
| HSL | hsl(80 61% 50%) |
| OKLCH | oklch(78.5% 0.184 126.6) |
| Nearest Tailwind color | lime-500 #7ccf00, 0.040 away in OKLab |
| White text | 1.88:1: AA fails, AAA fails, large text fails |
| Black text | 11.15:1: AA passes, AAA passes, large text passes |
About yellowgreen
In OKLCH terms yellowgreen has a lightness of 78.5%, a chroma of 0.184 and a hue of 126.6 degrees, a vivid light yellow-green to the eye.
Its HSL lightness, 50%, says little about how light yellowgreen looks; OKLCH, made to match the eye, measures 78.5%, 28 points away. No CSS keyword matches it; limegreen (#32cd32) is the nearest, 0.085 away in OKLab, a clear step off.
For text, yellowgreen wants black: 11.15:1 clears even AAA's 7:1, and white at 1.88:1 fails AA. Its neighbors in the hue-sorted list of names are lawngreen and olivedrab.
The closest Tailwind 4.3.3 color is lime-500, 0.040 away in OKLab, so bg-lime-500 comes near; bg-[#9acd32] gives the color itself.
Tints and shades
- #eef7e1
- #ddefc4
- #cce7a5
- #bbdf85
- #aad661
- #9acd32
- #78a025
- #577619
- #394e0d
- #1d2904
- #050900
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
- #9acd32
- #684981
- #d3e3c3
- #8f76ac
- #1e290f
Locked as the first of five swatches, yellowgreen gets #684981, #d3e3c3, #8f76ac, #1e290f from Recolor's generator, a complementary palette, built on the hue opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using yellowgreen
As a text color, yellowgreen on a black page gives the same 11.15:1.
.notice {
background-color: yellowgreen; /* #9acd32 */
color: black; /* 11.15:1 */
}Common questions
Does white text pass WCAG AA on yellowgreen?
No. White text measures 1.88:1 on yellowgreen, under AA's 4.5:1; black text measures 11.15:1 and passes.
Can yellowgreen be written in OKLCH?
Yes: oklch(78.5% 0.184 126.6), computed from #9acd32. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to yellowgreen?
No. The nearest, limegreen (#32cd32), is 0.085 away in OKLab, a different color.