- No data uploaded
- Instant results
Light Steel Blue — #B0C4DE
Light Steel Blue is the CSS named colour lightsteelblue, hex #B0C4DE. It has a contrast ratio of 1.78:1 on white and 11.80:1 on black — best used as text on dark backgrounds.
Light Steel Blue — #B0C4DE
Contrast on white 1.78:1 · on black 11.80:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Steel Blue in code
CSS: color: lightsteelblue; or color: #B0C4DE; · Tailwind: text-[#B0C4DE] · Android/Flutter: 0xFFB0C4DE
Light Steel Blue colour harmonies
Complementary: #DECAB0 · Triadic: #DEB0C4, #C4DEB0 · Analogous: #B0DBDE, #B3B0DE. Use tints for backgrounds and shades for hover states.
Light Steel Blue in every colour format
| Format | Value |
|---|---|
| HEX | #B0C4DE |
| RGB | rgb(176, 196, 222) |
| HSL | hsl(214, 41%, 78%) |
| HSV | hsv(214, 21%, 87%) |
| CMYK | cmyk(21%, 12%, 0%, 13%) |
| CSS name | lightsteelblue |
| Contrast on white | 1.78:1 |
| Contrast on black | 11.80:1 |
Frequently asked questions
What is the hex code for Light Steel Blue?
#B0C4DE (CSS name: lightsteelblue).
What is Light Steel Blue in RGB?
rgb(176, 196, 222)
What colour goes well with Light Steel Blue?
Its complementary colour #DECAB0, or the analogous #B0DBDE and #B3B0DE.