Azure (3C88BF) — 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 #3C88BF

RGB rgb(60, 136, 191)

HSL hsl(205°, 52%, 49%)

CMYK C:69% M:29% Y:0% K:25%

Luminance 0.2264

WCAG Accessibility

On white 3.84:1

Aa — #3C88BF

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.47:1

Aa — #3C88BF

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3C88BF #BE723C

Analogous

#3CBEB3 #3C88BF #3C47BE

Triadic

#3C88BF #BE3C88 #88BE3C

Split-comp.

#3C88BF #BE3C47 #BEB33C

Tetradic

#3C88BF #B33CBE #BE723C #47BE3C

Monochromatic

#D7E5EF #8FB5D1 #4886B1 #3A6A8D #234157

Suggested palettes for this hue.

Dragonfruit View all →

Volcano View all →

Matcha View all →