Aquamarine #7FFFD4

Aquamarine#7FFFD4 · rgb(127, 255, 212)

Aquamarine color codes

CSS nameaquamarine
HEX#7FFFD4
RGBrgb(127, 255, 212)
HSLhsl(160, 100%, 75%)
CMYKcmyk(50%, 0%, 17%, 0%)
Decimal8388564

Shades of Aquamarine (darker)

#72E6BF · #66CCAA · #59B394 · #4C997F · #40806A · #336655 · #264D40 · #19332A · #0D1A15

Tints of Aquamarine (lighter)

#8CFFD8 · #99FFDD · #A5FFE1 · #B2FFE5 · #BFFFEA · #CCFFEE · #D9FFF2 · #E5FFF6 · #F2FFFB

Color harmonies

Complementary
#FF80AA
Triadic
#D580FF, #FFD580
Analogous
#80FF95, #80EAFF

Accessibility (WCAG contrast)

White text on Aquamarine1.22:1 · Fail
Black text on Aquamarine17.16:1 · AAA

Use Aquamarine in code

.element {
  color: aquamarine;          /* or #7fffd4 */
  background-color: rgb(127 255 212 / 0.5);
}

Frequently asked questions

What is the hex code for Aquamarine?

Aquamarine is #7FFFD4 in HEX, rgb(127, 255, 212) in RGB and hsl(160, 100%, 75%) in HSL.

Can I use "aquamarine" directly in CSS?

Yes. "aquamarine" is one of the 148 standard CSS named colors, so color: aquamarine; works in every browser.

Is Aquamarine readable on white?

The contrast ratio of Aquamarine on white is 1.22:1 (WCAG Fail). On black it is 17.16:1 (AAA).

What is the complementary color of Aquamarine?

The complementary color (opposite on the color wheel) is #FF80AA.

Similar colors

Sky Blue#87CEEBPale Turquoise#AFEEEEPowder Blue#B0E0E6Light Sky Blue#87CEFALight Blue#ADD8E6Pale Green#98FB98Medium Aquamarine#66CDAATurquoise#40E0D0

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.