Azure (11698A) — 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 #11698A

RGB rgb(17, 105, 138)

HSL hsl(196°, 78%, 30%)

CMYK C:88% M:24% Y:0% K:46%

Luminance 0.1208

WCAG Accessibility

On white 6.16:1

Aa — #11698A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.41:1

Aa — #11698A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#11698A #883111

Analogous

#11886C #11698A #112D88

Triadic

#11698A #881168 #688811

Split-comp.

#11698A #88112D #886C11

Tetradic

#11698A #6C1188 #883111 #2D8811

Monochromatic

#7ECBE7 #29A8D6 #186581 #104356 #041115

Suggested palettes for this hue.

Deep Ocean View all →

Dragonfruit View all →

Neon 90s View all →