A vivid light green, black text passes AA
What color is springgreen?
springgreen is a vivid light green: #00ff7f in hex, rgb(0 255 127). Black text on it reaches 15.61:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | springgreen |
| Hex | #00ff7f |
| RGB | rgb(0 255 127) |
| HSL | hsl(150 100% 50%) |
| OKLCH | oklch(87.5% 0.235 151.0) |
| Nearest Tailwind color | green-300 #7bf1a8, 0.087 away in OKLab |
| White text | 1.35:1: AA fails, AAA fails, large text fails |
| Black text | 15.61:1: AA passes, AAA passes, large text passes |
About springgreen
A vivid light green is the plain description of springgreen: OKLCH lightness 87.5%, chroma 0.235, hue 151.0 degrees.
HSL puts its lightness at 50% and OKLCH at 87.5%, 37 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The closest CSS named color is mediumspringgreen (#00fa9a), 0.037 away in OKLab: near, and still a visible step from it side by side.
Black text on springgreen measures 15.61:1, past the 7:1 of WCAG AAA, while white text manages only 1.35:1. In the hue-sorted table of named colors it sits between palegreen and lightgreen.
In Tailwind CSS 4.3.3 the nearest default color is green-300 (#7bf1a8), 0.087 away in OKLab; for the exact color, an arbitrary value such as bg-[#00ff7f] works.
Tints and shades
- #e6ffeb
- #ccffd7
- #afffc2
- #8effad
- #64ff97
- #00ff7f
- #00c862
- #009447
- #00632d
- #003616
- #000f03
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
- #00ff7f
- #49692a
- #b1d5ba
- #15291f
- #41998f
Recolor's generator, with springgreen locked as swatch 1 and the seed taken from its hex, drew an analogous palette, hues next to each other on the wheel: #49692a, #b1d5ba, #15291f, #41998f. Open it in Recolor.
Using springgreen
As a text color, springgreen on a black page gives the same 15.61:1.
.notice {
background-color: springgreen; /* #00ff7f */
color: black; /* 15.61:1 */
}Common questions
Does white text pass WCAG AA on springgreen?
No. White text measures 1.35:1 on springgreen, under AA's 4.5:1; black text measures 15.61:1 and passes.
Can springgreen be written in OKLCH?
Yes: oklch(87.5% 0.235 151.0), computed from #00ff7f. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to springgreen?
Yes: mediumspringgreen (#00fa9a) is the nearest, 0.037 away in OKLab, then lawngreen at 0.070.