#b0c4de rgb(176, 196, 222) 214°, 41%, 78% Use LightSteelBlue in Your Projects
About LightSteelBlue Color
LightSteelBlue is a soft, muted blue-gray that feels calm and understated. It adds a gentle touch of color to backgrounds and card elements.
Use Cases for LightSteelBlue
Shades & Tints of LightSteelBlue
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.lightsteelblue-color {
color: #b0c4de;
background-color: #b0c4de;
}
/* As a CSS custom property */
:root {
--color-lightsteelblue: #b0c4de;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is LightSteelBlue?
LightSteelBlue is represented by the hex code #b0c4de and has RGB values of rgb(176, 196, 222). It falls under the Blue category.
How to use LightSteelBlue in web design?
LightSteelBlue works well for subtle backgrounds, card headers, professional UIs. LightSteelBlue is a soft, muted blue-gray that feels calm and understated. It adds a gentle touch of color to backgrounds and card elements. Use it as a primary color, accent, or background depending on your design needs.
What colors go with LightSteelBlue?
Colors that pair well with LightSteelBlue include steelblue, powderblue, lightblue, cadetblue, slategray. For a complementary scheme, try #decab0. For an analogous scheme, use #b0dbde and #b3b0de. For a triadic scheme, combine with #deb0c4 and #c4deb0.