A light green, black text passes AA
What color is lightgreen?
The CSS named color lightgreen is #90ee90, or rgb(144 238 144): a light green in plain words. Black text on it reaches 14.82:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | lightgreen |
| Hex | #90ee90 |
| RGB | rgb(144 238 144) |
| HSL | hsl(120 73% 75%) |
| OKLCH | oklch(86.8% 0.156 144.1) |
| Nearest Tailwind color | green-300 #7bf1a8, 0.029 away in OKLab |
| White text | 1.42:1: AA fails, AAA fails, large text fails |
| Black text | 14.82:1: AA passes, AAA passes, large text passes |
About lightgreen
In OKLCH terms lightgreen has a lightness of 86.8%, a chroma of 0.156 and a hue of 144.1 degrees, a light green to the eye.
Its lightness is 75% in HSL and 86.8% in OKLCH, 12 points apart; only the second tracks how light it looks. Among the CSS keywords, palegreen (#98fb98) comes closest at 0.036 in OKLab, close enough to stand in for it in a sketch.
For text, lightgreen wants black: 14.82:1 clears even AAA's 7:1, and white at 1.42:1 fails AA. Its neighbors in the hue-sorted list of names are springgreen and mediumspringgreen.
The closest Tailwind 4.3.3 color is green-300, 0.029 away in OKLab, so bg-green-300 comes near; bg-[#90ee90] gives the color itself.
Tints and shades
- #eefded
- #dcfadb
- #caf8c9
- #b8f5b6
- #a5f1a3
- #90ee90
- #70bb70
- #518a51
- #345c34
- #1a321a
- #040d04
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
- #90ee90
- #7490be
- #141c12
- #a9d3ab
- #6f4645
Locked as the first of five swatches, lightgreen gets #7490be, #141c12, #a9d3ab, #6f4645 from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using lightgreen
As a text color, lightgreen on a black page gives the same 14.82:1.
.notice {
background-color: lightgreen; /* #90ee90 */
color: black; /* 14.82:1 */
}Common questions
Does white text pass WCAG AA on lightgreen?
No. White text measures 1.42:1 on lightgreen, under AA's 4.5:1; black text measures 14.82:1 and passes.
Can lightgreen be written in OKLCH?
Yes: oklch(86.8% 0.156 144.1), computed from #90ee90. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightgreen?
Yes: palegreen (#98fb98) is the nearest, 0.036 away in OKLab, then mediumspringgreen at 0.065.