A bright yellow-green, black text passes AA
What color is greenyellow?
greenyellow is a bright yellow-green: #adff2f in hex, rgb(173 255 47). Black text on it reaches 17.12:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | greenyellow |
| Hex | #adff2f |
| RGB | rgb(173 255 47) |
| HSL | hsl(84 100% 59%) |
| OKLCH | oklch(91.3% 0.233 130.0) |
| Nearest Tailwind color | lime-300 #bbf451, 0.042 away in OKLab |
| White text | 1.23:1: AA fails, AAA fails, large text fails |
| Black text | 17.12:1: AA passes, AAA passes, large text passes |
About greenyellow
In OKLCH terms greenyellow has a lightness of 91.3%, a chroma of 0.233 and a hue of 130.0 degrees, a bright yellow-green to the eye.
HSL puts its lightness at 59% and OKLCH at 91.3%, 32 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Among the CSS keywords, chartreuse (#7fff00) comes closest at 0.047 in OKLab, close enough to stand in for it in a sketch.
For text, greenyellow wants black: 17.12:1 clears even AAA's 7:1, and white at 1.23:1 fails AA. In the hue-sorted table of named colors it sits between olive and chartreuse.
In Tailwind CSS 4.3.3 the nearest default color is lime-300 (#bbf451), 0.042 away in OKLab; for the exact color, an arbitrary value such as bg-[#adff2f] works.
Tints and shades
- #f2ffe5
- #e4ffca
- #d7ffad
- #c9ff8d
- #bbff68
- #adff2f
- #87c823
- #639417
- #41630c
- #213603
- #060f00
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
- #adff2f
- #81926b
- #221c26
- #ccb1ec
- #55634a
Locked as the first of five swatches, greenyellow gets #81926b, #221c26, #ccb1ec, #55634a 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 greenyellow
As a text color, greenyellow on a black page gives the same 17.12:1.
.notice {
background-color: greenyellow; /* #adff2f */
color: black; /* 17.12:1 */
}Common questions
Does white text pass WCAG AA on greenyellow?
No. White text measures 1.23:1 on greenyellow, under AA's 4.5:1; black text measures 17.12:1 and passes.
Can greenyellow be written in OKLCH?
Yes: oklch(91.3% 0.233 130.0), computed from #adff2f. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to greenyellow?
Yes: chartreuse (#7fff00) is the nearest, 0.047 away in OKLab, then lawngreen at 0.051.