A bright green, black text passes AA
What color is aquamarine?
aquamarine is a bright green: #7fffd4 in hex, rgb(127 255 212). Black text on it reaches 17.16:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | aquamarine |
| Hex | #7fffd4 |
| RGB | rgb(127 255 212) |
| HSL | hsl(160 100% 75%) |
| OKLCH | oklch(91.5% 0.130 169.0) |
| Nearest Tailwind color | emerald-200 #a4f4cf, 0.039 away in OKLab |
| White text | 1.22:1: AA fails, AAA fails, large text fails |
| Black text | 17.16:1: AA passes, AAA passes, large text passes |
About aquamarine
In OKLCH terms aquamarine has a lightness of 91.5%, a chroma of 0.130 and a hue of 169.0 degrees, a bright green to the eye.
HSL puts its lightness at 75% and OKLCH at 91.5%, 17 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The nearest CSS named color, aqua (#00ffff), is 0.068 away in OKLab: related, but plainly a different color.
For text, aquamarine wants black: 17.16:1 clears even AAA's 7:1, and white at 1.22:1 fails AA. In the hue-sorted table of named colors it sits between darkolivegreen and palegreen.
In Tailwind CSS 4.3.3 the nearest default color is emerald-200 (#a4f4cf), 0.039 away in OKLab; for the exact color, an arbitrary value such as bg-[#7fffd4] works.
Tints and shades
- #edfff8
- #dafff1
- #c7ffe9
- #b1ffe2
- #9affdb
- #7fffd4
- #62c8a6
- #47947a
- #2d6351
- #16362b
- #030f0a
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
- #7fffd4
- #005e42
- #9fc1b0
- #0f3026
- #5d9784
Locked as the first of five swatches, aquamarine gets #005e42, #9fc1b0, #0f3026, #5d9784 from Recolor's generator, a monochromatic palette, one hue in five lightnesses. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using aquamarine
As a text color, aquamarine on a black page gives the same 17.16:1.
.notice {
background-color: aquamarine; /* #7fffd4 */
color: black; /* 17.16:1 */
}Common questions
Does white text pass WCAG AA on aquamarine?
No. White text measures 1.22:1 on aquamarine, under AA's 4.5:1; black text measures 17.16:1 and passes.
Can aquamarine be written in OKLCH?
Yes: oklch(91.5% 0.130 169.0), computed from #7fffd4. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to aquamarine?
No. The nearest, aqua (#00ffff), is 0.068 away in OKLab, a different color.