Azure (4CB4F0) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #4CB4F0

RGB rgb(76, 180, 240)

HSL hsl(202°, 85%, 62%)

CMYK C:68% M:25% Y:0% K:6%

Luminance 0.4104

WCAG Accessibility

On white 2.31:1

Aa — #4CB4F0

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.09:1

Aa — #4CB4F0

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4CB4F0 #F0884C

Analogous

#4CF0DB #4CB4F0 #4C62F0

Triadic

#4CB4F0 #F04CB4 #B4F04C

Split-comp.

#4CB4F0 #F04C62 #F0DB4C

Tetradic

#4CB4F0 #DB4CF0 #F0884C #62F04C

Monochromatic

#0E4362 #1B81BB #55B1E7 #82C6ED #C5E4F7

Suggested palettes for this hue.

Dragonfruit View all →

Success Green View all →

Moss & Stone View all →