Aquamarine Color — HEX, RGB, HSL, Palettes & Contrast

Aquamarine (#7fffd4): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#7fffd4
HEX #7fffd4
RGB rgb(127, 255, 212)
HSL 160°, 100%, 75%

Use Aquamarine in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Aquamarine Color

Aquamarine is a soft blue-green named after the gemstone. It evokes serenity and clarity, making it ideal for spa and wellness branding.

Use Cases for Aquamarine

spa brandingwellness appsjewelry sitesmeditationserene themes

Shades & Tints of Aquamarine

#ffffff
#dffff4
#bfffea
#9fffdf
#7fffd4
#5fbf9f
#40806a
#204035
#000000

Complementary Color

#7fffd4
#ff80aa

Analogous Colors

#80ff95
#7fffd4
#80eaff

Triadic Colors

#7fffd4
#d580ff
#ffd480

Split Complementary

#7fffd4
#ff80ea
#ff9580

Tetradic Colors

#7fffd4
#80aaff
#ff80aa
#ffd480

CSS Code

.aquamarine-color {
  color: #7fffd4;
  background-color: #7fffd4;
}

/* As a CSS custom property */
:root {
  --color-aquamarine: #7fffd4;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Aquamarine
Ratio: 17.16:1 ✓ Passes AA ✓ Passes AAA
White text on Aquamarine
Ratio: 1.22:1 ✗ Fails AA ✗ Fails AAA

Related Colors

MediumAquamarine
PaleTurquoise
Turquoise
LightSeaGreen
Teal

Related Tools

Frequently Asked Questions

What color is Aquamarine?

Aquamarine is represented by the hex code #7fffd4 and has RGB values of rgb(127, 255, 212). It falls under the Teal category.

How to use Aquamarine in web design?

Aquamarine works well for spa branding, wellness apps, jewelry sites. Aquamarine is a soft blue-green named after the gemstone. It evokes serenity and clarity, making it ideal for spa and wellness branding. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Aquamarine?

Colors that pair well with Aquamarine include mediumaquamarine, paleturquoise, turquoise, lightseagreen, teal. For a complementary scheme, try #ff80aa. For an analogous scheme, use #80ff95 and #80eaff. For a triadic scheme, combine with #d580ff and #ffd480.