Azure (3C95C3) — Shades, Harmonies, Palettes, CSS Code

"Azure"

Blue · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #3C95C3

RGB rgb(60, 149, 195)

HSL hsl(200°, 53%, 50%)

CMYK C:69% M:24% Y:0% K:24%

Luminance 0.2681

WCAG Accessibility

On white 3.34:1

Aa — #3C95C3

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.28:1

Aa — #3C95C3

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3C95C3 #C3693C

Analogous

#3CC3AD #3C95C3 #3C52C3

Triadic

#3C95C3 #C33C96 #96C33C

Split-comp.

#3C95C3 #C33C52 #C3AD3C

Tetradic

#3C95C3 #AD3CC3 #C3693C #52C33C

Monochromatic

#0F1D24 #2C576D #4992B6 #6DA8C5 #A4C8DB

Suggested palettes for this hue.

Purple UI View all →

Vibrant Summer View all →

Leather & Wood View all →