What is the HEX code for LightSteelBlue?

The HEX code for LightSteelBlue is #B0C4DE.

What is the RGB value for LightSteelBlue?

LightSteelBlue uses RGB values 176,196,222.

Can I use LightSteelBlue directly in CSS?

Yes. You can use the named CSS color lightsteelblue, the HEX value #B0C4DE, or rgb(176,196,222).

HTML named color

LightSteelBlue color code

Use the LightSteelBlue HTML color with HEX #B0C4DE, RGB 176,196,222 and HSL 214,41%,78%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#B0C4DE

rgb(176,196,222)

HEX

#B0C4DE

RGB

rgb(176,196,222)

HSL

hsl(214,41%,78%)

OKLCH

oklch(81.4% 0.043 255.0)

CSS name

lightsteelblue

How to use this color

LightSteelBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-light-steel-blue {
  color: #B0C4DE;
}

.bg-light-steel-blue {
  background-color: lightsteelblue;
}

.border-light-steel-blue {
  border-color: rgb(176,196,222);
}