Azure (128BB2) — Shades, Harmonies, Palettes, CSS Code

"Azure"

Blue · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #128BB2

RGB rgb(18, 139, 178)

HSL hsl(195°, 82%, 38%)

CMYK C:90% M:22% Y:0% K:30%

Luminance 0.2216

WCAG Accessibility

On white 3.92:1

Aa — #128BB2

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.36:1

Aa — #128BB2

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#128BB2 #B03911

Analogous

#11B089 #128BB2 #1139B0

Triadic

#128BB2 #B01189 #89B011

Split-comp.

#128BB2 #B01139 #B08911

Tetradic

#128BB2 #8911B0 #B03911 #39B011

Monochromatic

#9FDBEF #47BAE1 #1B84A7 #14617B #092D39

Suggested palettes for this hue.

Cherry Blossom View all →

Gradient Sunset View all →

Dragonfruit View all →