A vivid light green, black text passes AA
What color is mediumspringgreen?
mediumspringgreen is a vivid light green: #00fa9a in hex, rgb(0 250 154). Black text on it reaches 15.14:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumspringgreen |
| Hex | #00fa9a |
| RGB | rgb(0 250 154) |
| HSL | hsl(157 100% 49%) |
| OKLCH | oklch(86.7% 0.207 156.9) |
| Nearest Tailwind color | green-300 #7bf1a8, 0.058 away in OKLab |
| White text | 1.39:1: AA fails, AAA fails, large text fails |
| Black text | 15.14:1: AA passes, AAA passes, large text passes |
About mediumspringgreen
Measured in OKLCH, mediumspringgreen comes out at lightness 86.7%, chroma 0.207 and hue 156.9 degrees: a vivid light green.
HSL puts its lightness at 49% and OKLCH at 86.7%, 38 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Of the named colors, springgreen (#00ff7f) is the nearest, 0.037 away in OKLab; next to each other the two still differ.
Black on mediumspringgreen reads at 15.14:1, enough for AAA body text; white reaches 1.39:1 and should stay off it. In the hue-sorted table of named colors it sits between lightgreen and lime.
In Tailwind CSS 4.3.3 the nearest default color is green-300 (#7bf1a8), 0.058 away in OKLab; for the exact color, an arbitrary value such as bg-[#00fa9a] works.
Tints and shades
- #e6ffef
- #cbffde
- #aefecd
- #8dfdbd
- #63fcab
- #00fa9a
- #00c478
- #009157
- #006139
- #00351d
- #000e05
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
- #00fa9a
- #3c5442
- #90d3af
- #13271a
- #44a26b
Around mediumspringgreen as swatch 1, Recolor's generator made a monochromatic palette, one hue in five lightnesses: #3c5442, #90d3af, #13271a, #44a26b, drawn from a seed fixed by its hex. Open it in Recolor.
Using mediumspringgreen
As a text color, mediumspringgreen on a black page gives the same 15.14:1.
.notice {
background-color: mediumspringgreen; /* #00fa9a */
color: black; /* 15.14:1 */
}Common questions
Does white text pass WCAG AA on mediumspringgreen?
No. White text measures 1.39:1 on mediumspringgreen, under AA's 4.5:1; black text measures 15.14:1 and passes.
Can mediumspringgreen be written in OKLCH?
Yes: oklch(86.7% 0.207 156.9), computed from #00fa9a. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumspringgreen?
Yes: springgreen (#00ff7f) is the nearest, 0.037 away in OKLab, then lightgreen at 0.065.