A light green, black text passes AA
What color is mediumaquamarine?
mediumaquamarine is a light green: #66cdaa in hex, rgb(102 205 170). Black text on it reaches 10.88:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumaquamarine |
| Hex | #66cdaa |
| RGB | rgb(102 205 170) |
| HSL | hsl(160 51% 60%) |
| OKLCH | oklch(77.7% 0.110 168.8) |
| Nearest Tailwind color | teal-400 #00d5be, 0.042 away in OKLab |
| White text | 1.93:1: AA fails, AAA fails, large text fails |
| Black text | 10.88:1: AA passes, AAA passes, large text passes |
About mediumaquamarine
In OKLCH terms mediumaquamarine has a lightness of 77.7%, a chroma of 0.110 and a hue of 168.8 degrees, a light green to the eye.
HSL puts its lightness at 60% and OKLCH at 77.7%, 17 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Among the CSS keywords, mediumturquoise (#48d1cc) comes closest at 0.046 in OKLab, close enough to stand in for it in a sketch.
For text, mediumaquamarine wants black: 10.88:1 clears even AAA's 7:1, and white at 1.93:1 fails AA. In the hue-sorted table of named colors it sits between lime and darkseagreen.
In Tailwind CSS 4.3.3 the nearest default color is teal-400 (#00d5be), 0.042 away in OKLab; for the exact color, an arbitrary value such as bg-[#66cdaa] works.
Tints and shades
- #e8f7f0
- #d0efe2
- #b8e7d4
- #9edec6
- #84d6b8
- #66cdaa
- #4ea084
- #387661
- #234e3f
- #0f2921
- #020906
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
- #66cdaa
- #514e6a
- #ffebd6
- #8376c3
- #122a20
Locked as the first of five swatches, mediumaquamarine gets #514e6a, #ffebd6, #8376c3, #122a20 from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using mediumaquamarine
As a text color, mediumaquamarine on a black page gives the same 10.88:1.
.notice {
background-color: mediumaquamarine; /* #66cdaa */
color: black; /* 10.88:1 */
}Common questions
Does white text pass WCAG AA on mediumaquamarine?
No. White text measures 1.93:1 on mediumaquamarine, under AA's 4.5:1; black text measures 10.88:1 and passes.
Can mediumaquamarine be written in OKLCH?
Yes: oklch(77.7% 0.110 168.8), computed from #66cdaa. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumaquamarine?
Yes: mediumturquoise (#48d1cc) is the nearest, 0.046 away in OKLab, then darkseagreen at 0.056.