Aquamarine color: code #7FFFD4

Aquamarine

#7FFFD4

Color codes

  • HEX#7FFFD4
  • RGBrgb(127, 255, 212)
  • HSLhsl(160, 100%, 75%)
  • HSVhsv(160, 50%, 100%)
  • CMYKcmyk(50%, 0%, 17%, 0%)
  • LABlab(92% -45.5 9.7)
  • OKLCHoklch(91.5% 0.13 169)

About the color Aquamarine

Aquamarine has the HEX code #7FFFD4, which corresponds to rgb(127, 255, 212) in the RGB model. On the color wheel its hue sits at 160°, with 100% saturation and 75% lightness (hsl(160, 100%, 75%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 17.15:1 contrast ratio on it, versus 1.22:1 for white.

For print, the approximate conversion is cmyk(50%, 0%, 17%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Aquamarine

Complementary

#7FFFD4 · #FF80AA

Analogous

#80FF95 · #7FFFD4 · #80EAFF

Triadic

#7FFFD4 · #D580FF · #FFD580

Tetradic

#7FFFD4 · #9580FF · #FF80AA · #EAFF80

Split-complementary

#7FFFD4 · #FF80EA · #FF9580

Monochromatic

#00FFAA · #4DFFC4 · #7FFFD4 · #CCFFEE · #FFFFFF

Aquamarine with white and black text

White text Aa Bb Cc 123
1.22:1 · fails WCAG
Black text Aa Bb Cc 123
17.15:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-aquamarine: #7FFFD4;
  --color-aquamarine-rgb: 127, 255, 212;
}

.elemento {
  background-color: var(--color-aquamarine);
  color: #000000;
}

Similar colors

Use Aquamarine in our tools