Aquamarine color (#7FFFD4)
Aquamarine is one of the 148 CSS named colors. Use the keyword aquamarine
anywhere CSS accepts a color, or its hex code #7FFFD4, which is rgb(127, 255, 212) in RGB.
It is a very light, vivid cool color with a hue angle of 160° on the HSL color wheel and a perceived lightness of 92% in OKLCH. On a aquamarine background, black text gives the higher contrast at 17.15:1, which passes WCAG AA for normal text.
Aquamarine color codes
| CSS name | aquamarine |
|
|---|---|---|
| HEX | #7FFFD4 |
|
| HEX (8-digit) | #7FFFD4FF |
|
| RGB | rgb(127, 255, 212) |
|
| HSL | hsl(160, 100%, 75%) |
|
| HSV / HSB | hsv(160, 50%, 100%) |
|
| OKLCH | oklch(91.5% 0.1304 169) |
|
| CMYK | cmyk(50.2%, 0%, 16.9%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for aquamarine used as text and as a background.
Tints and shades of aquamarine
Tints mix aquamarine with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with aquamarine
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Aquamarine with color blindness
Approximately how aquamarine appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using aquamarine in CSS
.element {
color: aquamarine;
background-color: #7fffd4;
border-color: rgb(127 255 212 / 50%);
outline-color: oklch(91.5% 0.1304 169);
}Similar named colors
See all shades of green or browse every CSS color name.