UI Shades

A study in blue

Light Steel Blue

#B0C4DE

Family
Blue
L
0.814
C
0.043
H
255°

Notes

Light Steel Blue is a pale, slightly violet-leaning blue-gray that reads as restrained and slightly nostalgic. The CSS hex carries low chroma at high lightness, making it useful as a calm background for editorial, financial, or heritage brands. Pair with deep navy for type, with cream for a quieter palette, or with brass for a heritage accent. It works as a background for long-form reading or as a panel color in dashboards. Two Light Steel Blue surfaces adjacent to each other will read as a single surface in dim viewing, so layer carefully.

#b0c4de
Light Steel Blue
Light Steel Blue
#b0c4de
oklch(0.814 0.043 255.03)
rgb(176 196 222)
hsl(213.9 41.1% 78%)
Share
#f7faff
#eef5fd
#dbe6f6
#c5d6ec
#b0c4de
#798da7
#61758d
#4e6076
#374557
#232e3c
#111820

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Light Steel Blue

Cross-reference
Q&A

Frequently asked questions

What is Light Steel Blue?

Light Steel Blue is a pale, slightly violet-leaning blue-gray that reads as restrained and slightly nostalgic. The CSS hex carries low chroma at high lightness, making it useful as a calm background for editorial, financial, or heritage brands. Its hex code is #B0C4DE.

What are the tints and shades of Light Steel Blue?

uishades builds an 11-step OKLCH ramp for Light Steel Blue (#B0C4DE) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Light Steel Blue?

Its complementary color is #D3BFA4. Triadic partners are #DCB7B9 and #B6C9AD; analogous neighbours are #BFBFDD and #A5C9D7.

What are the OKLCH and RGB values of Light Steel Blue?

Light Steel Blue is #B0C4DE - OKLCH 0.814 0.043 255°, rgb(176 196 222), in the blue family.