Azure (3388B6) — 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 #3388B6

RGB rgb(51, 136, 182)

HSL hsl(201°, 56%, 46%)

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

Luminance 0.2199

WCAG Accessibility

On white 3.93:1

Aa — #3388B6

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.34:1

Aa — #3388B6

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3388B6 #B76234

Analogous

#34B7A3 #3388B6 #3447B7

Triadic

#3388B6 #B73489 #89B734

Split-comp.

#3388B6 #B73447 #B7A334

Tetradic

#3388B6 #A334B7 #B76234 #47B734

Monochromatic

#CBE0EC #80B4D0 #3F85AB #326886 #1D3D4E

Suggested palettes for this hue.

Moss & Stone View all →

Golden Autumn View all →

Gradient Sunset View all →