CSS named color
LightSteelBlue
#B0C4DE
HEX
#b0c4deRGB
rgb(176, 196, 222)HSL
hsl(214, 41%, 78%)OKLCH
oklch(81.36% 0.0428 255.03)NAME
lightsteelbluePalette
Complementary
180° on the color wheelComplement
#DECAB0
Analogous
±30° around the base hueLeft
#B0DBDE
Right
#B3B0DE
Triadic
±120° for harmonic contrastTriad 1
#DEB0C4
Triad 2
#C4DEB0
Shades
Lighter and darker variantsCSS usage
By name
color: lightsteelblue;
background-color: lightsteelblue;By HEX
color: #b0c4de;
background-color: #b0c4de;By RGB
color: rgb(176, 196, 222);
background-color: rgb(176, 196, 222);By HSL
color: hsl(214, 41%, 78%);
background-color: hsl(214, 41%, 78%);WCAG contrast vs white
Aa
1.78:1
Below minimum
WCAG contrast vs black
Aa
11.80:1
AAA
Related colors
FAQ — LightSteelBlue
What is the HEX code for LightSteelBlue?
The HEX code for LightSteelBlue is #B0C4DE. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightsteelblue; or color: #b0c4de;
What is LightSteelBlue in RGB?
LightSteelBlue in RGB is rgb(176, 196, 222) — red 176, green 196, blue 222.
What is LightSteelBlue in HSL?
LightSteelBlue in HSL is hsl(214, 41%, 78%) — hue 214°, saturation 41%, lightness 78%.
What is the complementary color of LightSteelBlue?
The complementary color (directly opposite LightSteelBlue on the color wheel) is #DECAB0. The two together produce maximum contrast.
Is white text readable on LightSteelBlue?
The WCAG contrast ratio against white (#FFFFFF) is 1.78:1, and against black (#000000) it's 11.80:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.