Sky Blue (5BABF5) — Shades, Harmonies, Palettes, CSS Code

"Sky Blue"

Blue · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

Sky Blue pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #5BABF5

RGB rgb(91, 171, 245)

HSL hsl(209°, 89%, 66%)

CMYK C:63% M:30% Y:0% K:4%

Luminance 0.3851

WCAG Accessibility

On white 2.45:1

Aa — #5BABF5

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.59:1

Aa — #5BABF5

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5BABF5 #F5A65B

Analogous

#5BF5F3 #5BABF5 #5B5EF5

Triadic

#5BABF5 #F55BAB #ABF55B

Split-comp.

#5BABF5 #F55B5E #F5F35B

Tetradic

#5BABF5 #F35BF5 #F5A65B #5EF55B

Monochromatic

#0E4477 #1978D2 #64ABED #91C3F2 #D6E9FA

Suggested palettes for this hue.

Blue Serenity View all →

Chocolate View all →

Dragonfruit View all →