Aquamarine (22C1DF) — 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 #22C1DF

RGB rgb(34, 193, 223)

HSL hsl(190°, 75%, 50%)

CMYK C:85% M:13% Y:0% K:13%

Luminance 0.4438

WCAG Accessibility

On white 2.15:1

Aa — #22C1DF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.76:1

Aa — #22C1DF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#22C1DF #DF4020

Analogous

#20DF9F #22C1DF #2060DF

Triadic

#22C1DF #DF20BF #BFDF20

Split-comp.

#22C1DF #DF2060 #DF9F20

Tetradic

#22C1DF #9F20DF #DF4020 #60DF20

Monochromatic

#09252A #1B6E7E #2DB7D2 #57C5DB #96DBE9

Suggested palettes for this hue.

Leather & Wood View all →

Berries View all →

Night Velvet View all →