A vivid medium green, black text passes AA
What color is mediumseagreen?
The CSS named color mediumseagreen is #3cb371, or rgb(60 179 113): a vivid medium green in plain words. Black text on it reaches 7.88:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumseagreen |
| Hex | #3cb371 |
| RGB | rgb(60 179 113) |
| HSL | hsl(147 50% 47%) |
| OKLCH | oklch(68.4% 0.144 155.0) |
| Nearest Tailwind color | emerald-500 #00bc7d, 0.027 away in OKLab |
| White text | 2.67:1: AA fails, AAA fails, large text fails |
| Black text | 7.88:1: AA passes, AAA passes, large text passes |
About mediumseagreen
In OKLCH terms mediumseagreen has a lightness of 68.4%, a chroma of 0.144 and a hue of 155.0 degrees, a vivid medium green to the eye.
Its HSL lightness, 47%, says little about how light mediumseagreen looks; OKLCH, made to match the eye, measures 68.4%, 22 points away. No CSS keyword matches it; lightseagreen (#20b2aa) is the nearest, 0.081 away in OKLab, a clear step off.
For text, mediumseagreen wants black: 7.88:1 clears even AAA's 7:1, and white at 2.67:1 fails AA. Its neighbors in the hue-sorted list of names are limegreen and seagreen.
The closest Tailwind 4.3.3 color is emerald-500, 0.027 away in OKLab, so bg-emerald-500 comes near; bg-[#3cb371] gives the color itself.
Tints and shades
- #e2f3e7
- #c4e6cf
- #a6dab7
- #87cd9f
- #65c088
- #3cb371
- #2d8c57
- #1f663e
- #114327
- #062312
- #010703
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
- #3cb371
- #00351d
- #c9fbdf
- #87424f
- #cbaeee
Locked as the first of five swatches, mediumseagreen gets #00351d, #c9fbdf, #87424f, #cbaeee from Recolor's generator, a split-complementary palette, built on the two hues beside its opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using mediumseagreen
As a text color, mediumseagreen on a black page gives the same 7.88:1.
.notice {
background-color: mediumseagreen; /* #3cb371 */
color: black; /* 7.88:1 */
}Common questions
Does white text pass WCAG AA on mediumseagreen?
No. White text measures 2.67:1 on mediumseagreen, under AA's 4.5:1; black text measures 7.88:1 and passes.
Can mediumseagreen be written in OKLCH?
Yes: oklch(68.4% 0.144 155.0), computed from #3cb371. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumseagreen?
No. The nearest, lightseagreen (#20b2aa), is 0.081 away in OKLab, a different color.