Steel Blue (B5D2D9) — Shades, Harmonies, Palettes, CSS Code

"Steel Blue"

Blue · Summer

🧠 Psychology

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

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #B5D2D9

RGB rgb(181, 210, 217)

HSL hsl(192°, 32%, 78%)

CMYK C:17% M:3% Y:0% K:15%

Luminance 0.6172

WCAG Accessibility

On white 1.59:1

Aa — #B5D2D9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.19:1

Aa — #B5D2D9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B5D2D9 #D9BCB5

Analogous

#B5D9CE #B5D2D9 #B5C0D9

Triadic

#B5D2D9 #D9B5D2 #D2D9B5

Split-comp.

#B5D2D9 #D9B5C0 #D9CEB5

Tetradic

#B5D2D9 #CEB5D9 #D9BCB5 #C0D9B5

Monochromatic

#4C6E76 #7CA2AB #BBCED3 #DAE4E7 #FFFFFF

Suggested palettes for this hue.

Coral Sea View all →

Chocolate View all →

Tech Blue View all →