Lightsteelblue #B0C4DE
Lightsteelblue is a light, moderately saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.
Use cases: Trust UI · Corporate accents
Families: Blues · Sky Blues · Powder Blues
Color values
| Format | Value | |
|---|---|---|
| HEX | #B0C4DE | |
| RGB | rgb(176, 196, 222) | |
| HSL | hsl(214, 41%, 78%) | |
| HSV | hsv(214, 21%, 87%) | |
| OKLCH | oklch(81.36% 0.043 255) | |
| OKLab | oklab(81.36% -0.0111 -0.0414) | |
| CMYK | cmyk(20.7%, 11.7%, 0%, 12.9%) | |
| XYZ | xyz(50.8258, 53.9826, 76.8349) | |
| CIE-LAB | lab(78.5, -1.3, -15.2) | |
| CIE-LCH | lch(78.5, 15.3, 265.2°) | |
| Luminance | 0.540 (WCAG relative) |
Source: W3C CSS named color. CSS keyword: lightsteelblue.
Collections: Pastel Colors · Cool Gray Colors · Pastel Blue Colors · Light Blue Shades
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
OKLCH ramp (perceptually uniform, modern CSS)
Shades (toward black)
Tints (toward white)
Tones (toward gray)
Color harmonies
Complementary
Edit in generator →Analogous
Edit in generator →Triadic
Edit in generator →Tetradic
Edit in generator →Square
Edit in generator →Split Complementary
Edit in generator →Monochromatic
Edit in generator →Accessibility & contrast
Best text on lightsteelblue
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.
| Color | Name | ΔE₀₀ |
|---|---|---|
| Cloudy Blue #ACC2D9 | 1.79 | |
| Pastel Blue #A2BFFE | 7.33 | |
| Light Periwinkle #C1C6FC | 8.75 | |
| Light Blue #95D0FC | 9.01 | |
| Dove Gray #B6B8BD | 9.45 | |
| Carolina Blue #8AB8FE | 9.50 |
Related colors
Colors that go with lightsteelblue
Top matches by hue harmony, contrast and saturation compatibility.
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.