Soft Sky Blue (36BCDD) — 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 #36BCDD

RGB rgb(54, 188, 221)

HSL hsl(192°, 71%, 54%)

CMYK C:76% M:15% Y:0% K:13%

Luminance 0.4254

WCAG Accessibility

On white 2.24:1

Aa — #36BCDD

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.39:1

Aa — #36BCDD

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#36BCDD #DD5836

Analogous

#36DDAB #36BCDD #3668DD

Triadic

#36BCDD #DD36BC #BCDD36

Split-comp.

#36BCDD #DD3668 #DDAB36

Tetradic

#36BCDD #AB36DD #DD5836 #68DD36

Monochromatic

#0E3139 #22768C #42B5D1 #6BC5DB #A9DDEA

Suggested palettes for this hue.

Leather & Wood View all →

Provence Lavender View all →

Berries View all →