A vivid light yellow-green, black text passes AA
What color is chartreuse?
The CSS named color chartreuse is #7fff00, or rgb(127 255 0): a vivid light yellow-green in plain words. Black text on it reaches 16.21:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | chartreuse |
| Hex | #7fff00 |
| RGB | rgb(127 255 0) |
| HSL | hsl(90 100% 50%) |
| OKLCH | oklch(89.0% 0.265 136.0) |
| Nearest Tailwind color | lime-400 #9ae600, 0.067 away in OKLab |
| White text | 1.30:1: AA fails, AAA fails, large text fails |
| Black text | 16.21:1: AA passes, AAA passes, large text passes |
About chartreuse
Measured in OKLCH, chartreuse comes out at lightness 89.0%, chroma 0.265 and hue 136.0 degrees: a vivid light yellow-green.
Its HSL lightness, 50%, says little about how light chartreuse looks; OKLCH, made to match the eye, measures 89.0%, 39 points away. The CSS keyword lawngreen (#7cfc00) is almost the same color: 0.009 apart in OKLab, under the step most people notice.
Black on chartreuse reads at 16.21:1, enough for AAA body text; white reaches 1.30:1 and should stay off it. Its neighbors in the hue-sorted list of names are greenyellow and lawngreen.
The closest Tailwind 4.3.3 color is lime-400, 0.067 away in OKLab, so bg-lime-400 comes near; bg-[#7fff00] gives the color itself.
Tints and shades
- #ecffe3
- #d9ffc6
- #c4ffa7
- #afff86
- #98ff5c
- #7fff00
- #62c800
- #479400
- #2d6300
- #163600
- #030f00
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
- #7fff00
- #564577
- #8fc495
- #1e1425
- #ad8976
Around chartreuse as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #564577, #8fc495, #1e1425, #ad8976, drawn from a seed fixed by its hex. Open it in Recolor.
Using chartreuse
As a text color, chartreuse on a black page gives the same 16.21:1.
.notice {
background-color: chartreuse; /* #7fff00 */
color: black; /* 16.21:1 */
}Common questions
Does white text pass WCAG AA on chartreuse?
No. White text measures 1.30:1 on chartreuse, under AA's 4.5:1; black text measures 16.21:1 and passes.
Can chartreuse be written in OKLCH?
Yes: oklch(89.0% 0.265 136.0), computed from #7fff00. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to chartreuse?
Yes: lawngreen (#7cfc00) is the nearest, 0.009 away in OKLab, then greenyellow at 0.047.