Aquamarine (2CA2AA) — Shades, Harmonies, Palettes, CSS Code

"Aquamarine"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Aquamarine pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #2CA2AA

RGB rgb(44, 162, 170)

HSL hsl(184°, 59%, 42%)

CMYK C:74% M:5% Y:0% K:33%

Luminance 0.2977

WCAG Accessibility

On white 3.06:1

Aa — #2CA2AA

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.86:1

Aa — #2CA2AA

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2CA2AA #AA342C

Analogous

#2CAA74 #2CA2AA #2C63AA

Triadic

#2CA2AA #AA2CA2 #A2AA2C

Split-comp.

#2CA2AA #AA2C63 #AA742C

Tetradic

#2CA2AA #742CAA #AA342C #63AA2C

Monochromatic

#BBE5E8 #6FC7CE #3799A0 #2A747A #163E41

Suggested palettes for this hue.

Pop Art View all →

Pastel Spring View all →

Arctic Tundra View all →