Soft Sky Blue (33BBDF) — 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 #33BBDF

RGB rgb(51, 187, 223)

HSL hsl(193°, 73%, 54%)

CMYK C:77% M:16% Y:0% K:13%

Luminance 0.4214

WCAG Accessibility

On white 2.25:1

Aa — #33BBDF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.31:1

Aa — #33BBDF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#33BBDF #DF5934

Analogous

#34DFAF #33BBDF #3465DF

Triadic

#33BBDF #DF34BA #BADF34

Split-comp.

#33BBDF #DF3465 #DFAF34

Tetradic

#33BBDF #AF34DF #DF5934 #65DF34

Monochromatic

#0D303A #20768D #40B4D4 #69C4DD #A8DDEB

Suggested palettes for this hue.

Sunset View all →

Pop Matisse View all →

Amazon View all →