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

RGB rgb(34, 241, 241)

HSL hsl(180°, 88%, 54%)

CMYK C:86% M:0% Y:0% K:5%

Luminance 0.6979

WCAG Accessibility

On white 1.41:1

Aa — #22F1F1

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.92:1

Aa — #22F1F1

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#22F1F1 #F12222

Analogous

#22F18A #22F1F1 #228AF1

Triadic

#22F1F1 #F122F1 #F1F122

Split-comp.

#22F1F1 #F1228A #F18A22

Tetradic

#22F1F1 #8A22F1 #F12222 #8AF122

Monochromatic

#084040 #139A9A #2EE5E5 #5CEBEB #A0F3F3

Suggested palettes for this hue.

Orange Energy View all →

Vintage Sepia View all →

White Marble View all →