Aquamarine (227B81) — 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 #227B81

RGB rgb(34, 123, 129)

HSL hsl(184°, 58%, 32%)

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

Luminance 0.1625

WCAG Accessibility

On white 4.98:1

Aa — #227B81

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.22:1

Aa — #227B81

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#227B81 #812922

Analogous

#228158 #227B81 #224B81

Triadic

#227B81 #81227B #7B8122

Split-comp.

#227B81 #81224B #815822

Tetradic

#227B81 #582281 #812922 #4B8122

Monochromatic

#95D5DA #4AB8BF #2A7479 #1D4F53 #09191A

Suggested palettes for this hue.

Provence Lavender View all →

Nordic View all →

Arctic Tundra View all →