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

MediumAquamarine (#66cdaa): 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.

#66cdaa
HEX #66cdaa
RGB rgb(102, 205, 170)
HSL 160°, 51%, 60%

Use MediumAquamarine in Your Projects

About MediumAquamarine Color

MediumAquamarine is a soft, balanced blue-green that feels both refreshing and grounded. It works well for wellness, spa, and natural brands.

Use Cases for MediumAquamarine

wellness appsspa brandingnatural productscalm UIrefresh themes

Shades & Tints of MediumAquamarine

#ffffff
#d9f3ea
#b3e6d5
#8cdabf
#66cdaa
#4d9a80
#336755
#1a332b
#000000

Complementary Color

#66cdaa
#cd6588

Analogous Colors

#65cd76
#66cdaa
#65bccd

Triadic Colors

#66cdaa
#aa65cd
#cdaa65

Split Complementary

#66cdaa
#cd65bc
#cd7665

Tetradic Colors

#66cdaa
#6588cd
#cd6588
#cdaa65

CSS Code

.mediumaquamarine-color {
  color: #66cdaa;
  background-color: #66cdaa;
}

/* As a CSS custom property */
:root {
  --color-mediumaquamarine: #66cdaa;
}

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 MediumAquamarine
Ratio: 10.88:1 ✓ Passes AA ✓ Passes AAA
White text on MediumAquamarine
Ratio: 1.93:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is MediumAquamarine?

MediumAquamarine is represented by the hex code #66cdaa and has RGB values of rgb(102, 205, 170). It falls under the Teal category.

How to use MediumAquamarine in web design?

MediumAquamarine works well for wellness apps, spa branding, natural products. MediumAquamarine is a soft, balanced blue-green that feels both refreshing and grounded. It works well for wellness, spa, and natural brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with MediumAquamarine?

Colors that pair well with MediumAquamarine include aquamarine, lightseagreen, turquoise, paleturquoise, mediumturquoise. For a complementary scheme, try #cd6588. For an analogous scheme, use #65cd76 and #65bccd. For a triadic scheme, combine with #aa65cd and #cdaa65.