LightSteelBlue — #B0C4DE HEX Color

#B0C4DErgb(176, 196, 222)

About LightSteelBlue

LightSteelBlue (#B0C4DE) is a cool, light, muted blue tone with a hue of 214°, saturation of 41% and lightness of 78%. It works well for corporate and professional UI and conveys a calm feeling. On a white background it reaches a contrast ratio of 1.78:1, while on black it reaches 11.80:1 — so prefer black text when using #B0C4DE as a background.

Color Codes

HEX#B0C4DE

RGBrgb(176, 196, 222)

HSLhsl(214°, 41%, 78%)

CMYKcmyk(21%, 12%, 0%, 13%)

CIELABLab(78.5, -1.3, -15.2)

Accessibility & Contrast

On white

1.78:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

11.80:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #B0C4DE as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #B0C4DE;

color: #B0C4DE;

border: 2px solid #B0C4DE;

background: linear-gradient(135deg, #B0C4DE, #decab0);

Code Export

css

:root {
  --color-primary: #b0c4de;
  --color-primary-rgb: 176, 196, 222;
  --color-primary-hsl: 214, 41%, 78%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

Cyan + Magenta

Blue + White

+=Dusty Blue / Periwinkle

Beige + Blue

#B88AEC

+=Powder Blue

Cream + Blue

Frequently Asked Questions

What is the name of color #B0C4DE?

Color #B0C4DE is commonly known as LightSteelBlue. It is a cool, light, muted blue tone.

Is #B0C4DE a warm or cool color?

LightSteelBlue (#B0C4DE) is a cool color. With a hue of 214°, it falls in the blue family.

What colors go well with #B0C4DE?

Colors that pair well with LightSteelBlue (#B0C4DE) include its complementary color (#DECAB0), neutral whites and warm creams, and analogous blue tones for harmonious palettes.