Aquamarine hex code
The hex code for aquamarine is #7FFFD4. In RGB that is rgb(127, 255, 212) and in HSL it is hsl(160, 100%, 75%).
The hex code for aquamarine is #7FFFD4. In RGB that is rgb(127, 255, 212) and in HSL it is hsl(160, 100%, 75%).
Aquamarine · #7FFFD4
Colour codes
- HEX
- #7FFFD4
- RGB
- rgb(127, 255, 212)
- HSL
- hsl(160, 100%, 75%)
- CMYK
- 50, 0, 17, 0
- CSS name
- aquamarine
- Contrast on white
- 1.22:1
- Contrast on black
- 17.16:1
Tints and shades
20% lighter · #99ffdd
40% lighter · #b2ffe5
60% lighter · #ccffee
80% lighter · #e5fff6
20% darker · #66ccaa
40% darker · #4c997f
60% darker · #336655
80% darker · #19332a
Complementary colour
Aquamarine · #7FFFD4
Opposite on the colour wheel · #ff80aa
Frequently asked questions
What is the hex code for aquamarine?
The hex code for aquamarine is #7FFFD4. In RGB that is rgb(127, 255, 212) and in HSL it is hsl(160, 100%, 75%).
Can I use aquamarine for text?
It has a contrast ratio of 1.22:1 on white and 17.16:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with aquamarine?
Its complementary colour, opposite on the colour wheel, is #FF80AA. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of aquamarine instead.
Is aquamarine a CSS colour name?
Yes. CSS accepts the keyword aquamarine, so color: aquamarine and color: #7FFFD4 render exactly the same.