A bright green, black text passes AA
What color is palegreen?
The CSS named color palegreen is #98fb98, or rgb(152 251 152): a bright green in plain words. Black text on it reaches 16.59:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | palegreen |
| Hex | #98fb98 |
| RGB | rgb(152 251 152) |
| HSL | hsl(120 93% 79%) |
| OKLCH | oklch(90.4% 0.162 144.1) |
| Nearest Tailwind color | green-300 #7bf1a8, 0.046 away in OKLab |
| White text | 1.27:1: AA fails, AAA fails, large text fails |
| Black text | 16.59:1: AA passes, AAA passes, large text passes |
About palegreen
Measured in OKLCH, palegreen comes out at lightness 90.4%, chroma 0.162 and hue 144.1 degrees: a bright green.
Its lightness is 79% in HSL and 90.4% in OKLCH, 11 points apart; only the second tracks how light it looks. Of the named colors, lightgreen (#90ee90) is the nearest, 0.036 away in OKLab; next to each other the two still differ.
Black on palegreen reads at 16.59:1, enough for AAA body text; white reaches 1.27:1 and should stay off it. Its neighbors in the hue-sorted list of names are aquamarine and springgreen.
The closest Tailwind 4.3.3 color is green-300, 0.046 away in OKLab, so bg-green-300 comes near; bg-[#98fb98] gives the color itself.
Tints and shades
- #efffef
- #dfffde
- #cffecd
- #bdfdbc
- #abfcaa
- #98fb98
- #76c576
- #569256
- #386138
- #1c351c
- #050e05
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
- #98fb98
- #4c632c
- #aac2a9
- #143226
- #009371
Around palegreen as swatch 1, Recolor's generator made an analogous palette, hues next to each other on the wheel: #4c632c, #aac2a9, #143226, #009371, drawn from a seed fixed by its hex. Open it in Recolor.
Using palegreen
As a text color, palegreen on a black page gives the same 16.59:1.
.notice {
background-color: palegreen; /* #98fb98 */
color: black; /* 16.59:1 */
}Common questions
Does white text pass WCAG AA on palegreen?
No. White text measures 1.27:1 on palegreen, under AA's 4.5:1; black text measures 16.59:1 and passes.
Can palegreen be written in OKLCH?
Yes: oklch(90.4% 0.162 144.1), computed from #98fb98. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to palegreen?
Yes: lightgreen (#90ee90) is the nearest, 0.036 away in OKLab, then mediumspringgreen at 0.071.