aquamarine — #7FFFD4
#7FFFD4
rgb(127, 255, 212) · hsl(160, 100%, 75%) · CSS keyword aquamarine
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| aquamarine on white | 1.22:1 | — | — |
| aquamarine on black | 17.16:1 | AA | AA |
As a background, aquamarine takes black text: 17.16:1 against 1.22:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: aquamarine;
color: #7fffd4;
color: rgb(127 255 212);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to aquamarine
- palegreen — #98FB98
- lightgreen — #90EE90
- paleturquoise — #AFEEEE
- powderblue — #B0E0E6
- skyblue — #87CEEB
- lightblue — #ADD8E6
Frequently asked questions
What is the hex code for aquamarine?
The hex code for aquamarine is #7FFFD4 — RGB 127, 255, 212.
Can I use aquamarine for text?
Not on a white background. aquamarine reaches only 1.22:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on aquamarine be black or white?
Black — 17.16:1 against 1.22:1 the other way.
Other named colours
- azure — #F0FFFF
- beige — #F5F5DC
- bisque — #FFE4C4
- black — #000000
- blanchedalmond — #FFEBCD
- blue — #0000FF
- blueviolet — #8A2BE2
- brown — #A52A2A
- burlywood — #DEB887
- cadetblue — #5F9EA0
- chartreuse — #7FFF00
- chocolate — #D2691E
#7FFFD4 in full — tints, shades and harmonies · All named colours · Colour reference