A vivid light yellow-green, black text passes AA
What color is lawngreen?
lawngreen is a vivid light yellow-green: #7cfc00 in hex, rgb(124 252 0). Black text on it reaches 15.78:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lawngreen |
| Hex | #7cfc00 |
| RGB | rgb(124 252 0) |
| HSL | hsl(90 100% 49%) |
| OKLCH | oklch(88.2% 0.263 136.2) |
| Nearest Tailwind color | lime-400 #9ae600, 0.061 away in OKLab |
| White text | 1.33:1: AA fails, AAA fails, large text fails |
| Black text | 15.78:1: AA passes, AAA passes, large text passes |
About lawngreen
A vivid light yellow-green is the plain description of lawngreen: OKLCH lightness 88.2%, chroma 0.263, hue 136.2 degrees.
HSL puts its lightness at 49% and OKLCH at 88.2%, 39 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Its nearest CSS named color, chartreuse (#7fff00), is 0.009 away in OKLab, too close to tell apart by eye.
Black text on lawngreen measures 15.78:1, past the 7:1 of WCAG AAA, while white text manages only 1.33:1. In the hue-sorted table of named colors it sits between chartreuse and yellowgreen.
In Tailwind CSS 4.3.3 the nearest default color is lime-400 (#9ae600), 0.061 away in OKLab; for the exact color, an arbitrary value such as bg-[#7cfc00] works.
Tints and shades
- #ecffe3
- #d8ffc6
- #c3ffa7
- #adff85
- #96fe5c
- #7cfc00
- #60c600
- #459200
- #2c6200
- #153500
- #030e00
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
- #7cfc00
- #6f3177
- #a3caab
- #2b1602
- #798ec6
Recolor's generator, with lawngreen locked as swatch 1 and the seed taken from its hex, drew a free palette, hues spread around the wheel: #6f3177, #a3caab, #2b1602, #798ec6. Open it in Recolor.
Using lawngreen
As a text color, lawngreen on a black page gives the same 15.78:1.
.notice {
background-color: lawngreen; /* #7cfc00 */
color: black; /* 15.78:1 */
}Common questions
Does white text pass WCAG AA on lawngreen?
No. White text measures 1.33:1 on lawngreen, under AA's 4.5:1; black text measures 15.78:1 and passes.
Can lawngreen be written in OKLCH?
Yes: oklch(88.2% 0.263 136.2), computed from #7cfc00. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lawngreen?
Yes: chartreuse (#7fff00) is the nearest, 0.009 away in OKLab, then lime at 0.047.