Light Steel Blue hex code
The hex code for light steel blue is #B0C4DE. In RGB that is rgb(176, 196, 222) and in HSL it is hsl(214, 41%, 78%).

The hex code for light steel blue is #B0C4DE. In RGB that is rgb(176, 196, 222) and in HSL it is hsl(214, 41%, 78%).
Light Steel Blue · #B0C4DE
Colour codes
- HEX
- #B0C4DE
- RGB
- rgb(176, 196, 222)
- HSL
- hsl(214, 41%, 78%)
- CMYK
- 21, 12, 0, 13
- CSS name
- lightsteelblue
- Contrast on white
- 1.78:1
- Contrast on black
- 11.80:1
Tints and shades
20% lighter · #c0d0e5
40% lighter · #d0dceb
60% lighter · #dfe7f2
80% lighter · #eff3f8
20% darker · #8d9db2
40% darker · #6a7685
60% darker · #464e59
80% darker · #23272c
Complementary colour
Light Steel Blue · #B0C4DE
Opposite on the colour wheel · #decab0
Frequently asked questions
What is the hex code for light steel blue?
The hex code for light steel blue is #B0C4DE. In RGB that is rgb(176, 196, 222) and in HSL it is hsl(214, 41%, 78%).
Can I use light steel blue for text?
It has a contrast ratio of 1.78:1 on white and 11.80:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with light steel blue?
Its complementary colour, opposite on the colour wheel, is #DECAB0. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of light steel blue instead.
Is light steel blue a CSS colour name?
Yes. CSS accepts the keyword lightsteelblue, so color: lightsteelblue and color: #B0C4DE render exactly the same.