Soft Sky Blue (3FAFD5) — 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 #3FAFD5

RGB rgb(63, 175, 213)

HSL hsl(195°, 64%, 54%)

CMYK C:70% M:18% Y:0% K:16%

Luminance 0.3708

WCAG Accessibility

On white 2.53:1

Aa — #3FAFD5

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.3:1

Aa — #3FAFD5

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3FAFD5 #D5643F

Analogous

#3FD5AF #3FAFD5 #3F64D5

Triadic

#3FAFD5 #D53FAF #AFD53F

Split-comp.

#3FAFD5 #D53F64 #D5AF3F

Tetradic

#3FAFD5 #AF3FD5 #D5643F #64D53F

Monochromatic

#102D37 #286E86 #4AA9C9 #72BCD5 #ADD8E6

Suggested palettes for this hue.

Purple UI View all →

Tokyo Neon View all →

Dark UI View all →