Online Tools HarborLight Steel Blue color codes
| CSS name | lightsteelblue |
|---|---|
| HEX | #B0C4DE |
| RGB | rgb(176, 196, 222) |
| HSL | hsl(214, 41%, 78%) |
| CMYK | cmyk(21%, 12%, 0%, 13%) |
| Decimal | 11584734 |
Shades of Light Steel Blue (darker)
#9EB0C8 · #8D9DB2 · #7B899B · #6A7685 · #58626F · #464E59 · #353B43 · #23272C · #121416
Tints of Light Steel Blue (lighter)
#B8CAE1 · #C0D0E5 · #C8D6E8 · #D0DCEB · #D8E2EF · #DFE7F2 · #E7EDF5 · #EFF3F8 · #F7F9FC
Color harmonies
| Complementary | #DECAB0 |
|---|---|
| Triadic | #DEB0C4, #C4DEB0 |
| Analogous | #B0DBDE, #B3B0DE |
Accessibility (WCAG contrast)
| White text on Light Steel Blue | 1.78:1 · Fail |
|---|---|
| Black text on Light Steel Blue | 11.80:1 · AAA |
Use Light Steel Blue in code
.element {
color: lightsteelblue; /* or #b0c4de */
background-color: rgb(176 196 222 / 0.5);
}Frequently asked questions
What is the hex code for Light Steel Blue?
Light Steel Blue is #B0C4DE in HEX, rgb(176, 196, 222) in RGB and hsl(214, 41%, 78%) in HSL.
Can I use "lightsteelblue" directly in CSS?
Yes. "lightsteelblue" is one of the 148 standard CSS named colors, so color: lightsteelblue; works in every browser.
Is Light Steel Blue readable on white?
The contrast ratio of Light Steel Blue on white is 1.78:1 (WCAG Fail). On black it is 11.80:1 (AAA).
What is the complementary color of Light Steel Blue?
The complementary color (opposite on the color wheel) is #DECAB0.
Similar colors
Light Blue#ADD8E6Powder Blue#B0E0E6Silver#C0C0C0Light Gray#D3D3D3Light Grey#D3D3D3Thistle#D8BFD8Sky Blue#87CEEBPale Turquoise#AFEEEE
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.