MediumAquamarine Color

Learn about MediumAquamarine (#66cdaa): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

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

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.