A vivid medium green, black text passes AA
What color is limegreen?
limegreen is a vivid medium green: #32cd32 in hex, rgb(50 205 50). Black text on it reaches 9.91:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | limegreen |
| Hex | #32cd32 |
| RGB | rgb(50 205 50) |
| HSL | hsl(120 61% 50%) |
| OKLCH | oklch(74.2% 0.229 142.8) |
| Nearest Tailwind color | green-500 #00c951, 0.029 away in OKLab |
| White text | 2.12:1: AA fails, AAA fails, large text fails |
| Black text | 9.91:1: AA passes, AAA passes, large text passes |
About limegreen
A vivid medium green is the plain description of limegreen: OKLCH lightness 74.2%, chroma 0.229, hue 142.8 degrees.
HSL puts its lightness at 50% and OKLCH at 74.2%, 24 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The nearest CSS named color, yellowgreen (#9acd32), is 0.085 away in OKLab: related, but plainly a different color.
Black text on limegreen measures 9.91:1, past the 7:1 of WCAG AAA, while white text manages only 2.12:1. In the hue-sorted table of named colors it sits between darkseagreen and mediumseagreen.
In Tailwind CSS 4.3.3 the nearest default color is green-500 (#00c951), 0.029 away in OKLab; for the exact color, an arbitrary value such as bg-[#32cd32] works.
Tints and shades
- #e3f8e1
- #c6f0c2
- #a8e8a3
- #88e083
- #64d75f
- #32cd32
- #25a025
- #197619
- #0d4e0d
- #042904
- #000900
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
- #32cd32
- #6c576d
- #d3fbd0
- #a565a3
- #172313
Recolor's generator, with limegreen locked as swatch 1 and the seed taken from its hex, drew a complementary palette, built on the hue opposite: #6c576d, #d3fbd0, #a565a3, #172313. Open it in Recolor.
Using limegreen
As a text color, limegreen on a black page gives the same 9.91:1.
.notice {
background-color: limegreen; /* #32cd32 */
color: black; /* 9.91:1 */
}Common questions
Does white text pass WCAG AA on limegreen?
No. White text measures 2.12:1 on limegreen, under AA's 4.5:1; black text measures 9.91:1 and passes.
Can limegreen be written in OKLCH?
Yes: oklch(74.2% 0.229 142.8), computed from #32cd32. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to limegreen?
No. The nearest, yellowgreen (#9acd32), is 0.085 away in OKLab, a different color.