LightSteelBlue Color

Learn about LightSteelBlue (#b0c4de): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#b0c4de
HEX #b0c4de
RGB rgb(176, 196, 222)
HSL 214°, 41%, 78%

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

subtle backgroundscard headersprofessional UIscalm themesdocumentation

Shades & Tints of LightSteelBlue

#ffffff
#ebf0f7
#d8e2ef
#c4d3e6
#b0c4de
#8493a7
#58626f
#2c3138
#000000

Complementary Color

#b0c4de
#decab0

Analogous Colors

#b0dbde
#b0c4de
#b3b0de

CSS Code

.lightsteelblue-color {
  color: #b0c4de;
}

Contrast Recommendations

Black text on LightSteelBlue
Ratio: 11.8:1 ✓ Passes AA ✓ Passes AAA
White text on LightSteelBlue
Ratio: 1.78:1 ✗ Fails AA ✗ Fails AAA

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.