Soft Sky Blue (57BBD9) — Shades, Harmonies, Palettes, CSS Code

"Soft Sky Blue"

Blue · Summer

🧠 Psychology

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

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #57BBD9

RGB rgb(87, 187, 217)

HSL hsl(194°, 63%, 60%)

CMYK C:60% M:14% Y:0% K:15%

Luminance 0.4321

WCAG Accessibility

On white 2.21:1

Aa — #57BBD9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.52:1

Aa — #57BBD9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#57BBD9 #D97759

Analogous

#59D9B7 #57BBD9 #597BD9

Triadic

#57BBD9 #D959BB #BBD959

Split-comp.

#57BBD9 #D9597B #D9B759

Tetradic

#57BBD9 #B759D9 #D97759 #7BD959

Monochromatic

#18414E #30839C #63B6CF #8AC8DB #C4E4ED

Suggested palettes for this hue.

Mediterranean View all →

Amber Warning View all →

Pearl Zen View all →