A vivid medium green, black text passes AA
What color is seagreen?
seagreen is a vivid medium green: #2e8b57 in hex, rgb(46 139 87). Black text on it reaches 4.95:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | seagreen |
| Hex | #2e8b57 |
| RGB | rgb(46 139 87) |
| HSL | hsl(146 50% 36%) |
| OKLCH | oklch(56.9% 0.119 154.9) |
| Nearest Tailwind color | emerald-600 #009966, 0.040 away in OKLab |
| White text | 4.25:1: AA fails, AAA fails, large text passes |
| Black text | 4.95:1: AA passes, AAA fails, large text passes |
About seagreen
Measured in OKLCH, seagreen comes out at lightness 56.9%, chroma 0.119 and hue 154.9 degrees: a vivid medium green.
HSL puts its lightness at 36% and OKLCH at 56.9%, 21 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The nearest CSS named color, forestgreen (#228b22), is 0.059 away in OKLab: related, but plainly a different color.
Black is the ink for seagreen: 4.95:1 passes AA for body text, where white stops at 4.25:1. In the hue-sorted table of named colors it sits between mediumseagreen and forestgreen.
In Tailwind CSS 4.3.3 the nearest default color is emerald-600 (#009966), 0.040 away in OKLab; for the exact color, an arbitrary value such as bg-[#2e8b57] works.
Tints and shades
- #deebe2
- #bcd8c5
- #9bc5a8
- #7ab18d
- #579e72
- #2e8b57
- #226c42
- #164e2f
- #0b321c
- #03190c
- #000401
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
- #2e8b57
- #b0ecc4
- #256544
- #75cf8e
- #0c2716
Around seagreen as swatch 1, Recolor's generator made a monochromatic palette, one hue in five lightnesses: #b0ecc4, #256544, #75cf8e, #0c2716, drawn from a seed fixed by its hex. Open it in Recolor.
Using seagreen
As a text color, seagreen on a black page gives the same 4.95:1.
.notice {
background-color: seagreen; /* #2e8b57 */
color: black; /* 4.95:1 */
}Common questions
Does white text pass WCAG AA on seagreen?
No. White text measures 4.25:1 on seagreen, under AA's 4.5:1; black text measures 4.95:1 and passes.
Can seagreen be written in OKLCH?
Yes: oklch(56.9% 0.119 154.9), computed from #2e8b57. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to seagreen?
No. The nearest, forestgreen (#228b22), is 0.059 away in OKLab, a different color.