Aquamarine (1F7284) — 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 #1F7284

RGB rgb(31, 114, 132)

HSL hsl(191°, 62%, 32%)

CMYK C:77% M:14% Y:0% K:48%

Luminance 0.1407

WCAG Accessibility

On white 5.53:1

Aa — #1F7284

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.8:1

Aa — #1F7284

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#1F7284 #84321F

Analogous

#1F8464 #1F7284 #1F3F84

Triadic

#1F7284 #841F72 #72841F

Split-comp.

#1F7284 #841F3F #84641F

Tetradic

#1F7284 #641F84 #84321F #3F841F

Monochromatic

#92CFDD #45ADC4 #276C7C #1B4B55 #09181B

Suggested palettes for this hue.

Tropical Jungle View all →

Sahara View all →

Amber Warning View all →