Azure (357EB4) — 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 #357EB4

RGB rgb(53, 126, 180)

HSL hsl(206°, 55%, 46%)

CMYK C:71% M:30% Y:0% K:29%

Luminance 0.1919

WCAG Accessibility

On white 4.38:1

Aa — #357EB4

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.79:1

Aa — #357EB4

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#357EB4 #B66D35

Analogous

#35B6AD #357EB4 #353DB6

Triadic

#357EB4 #B6357E #7EB635

Split-comp.

#357EB4 #B6353D #B6AD35

Tetradic

#357EB4 #AD35B6 #B66D35 #3DB635

Monochromatic

#CBDDEB #81AECF #417CAA #326185 #1D394E

Suggested palettes for this hue.

Volcano View all →

Gradient Sunset View all →

Moss & Stone View all →