HEX Color #B0C4DE (Lightsteelblue)

About #B0C4DE

The precise color #B0C4DE is an excellent choice for modern design projects. Designers often compare it to the standard color Lightsteelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 176, 196, and 222.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 21% C, 12% M, 0% Y, and 13% K. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#B0C4DE

RGB176, 196, 222

HSL213.9°, 41.1%, 78.0%

CMYK21%, 12%, 0%, 13%

HSV213.9°, 20.7%, 87.1%

LAB78.5, -1.3, -15.2

XYZ50.8, 54.0, 76.8

Decimal11584734

Color Harmonies

Complementary

#B0C4DE #DECAB0

Analogous

#B0DBDE #B3B0DE

Triadic

#DEB0C4 #C4DEB0

Tetradic

#DEB0DB #DECAB0 #B0DEB3

Tints, Shades & Tones

Tints (Adding White)

#B0C4DE

#B8CAE1

#C1D1E5

#CAD7E9

#D3DEEC

#DBE4F0

#E4EBF4

#EDF1F7

#F6F8FB

#FFFFFF

Shades (Adding Black)

#B0C4DE

#9CAEC5

#8898AC

#758294

#616C7B

#4E5762

#3A414A

#272B31

#131518

#000000

WCAG Contrast Accessibility

1.78:1

Text on #FFFFFF

FAIL

11.80:1

Text on #000000

AAA

1.70:1

Text on #F8FAFC

FAIL

10.03:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #B0C4DE; }

.text-color { color: #B0C4DE; }

.border-color { border: 2px solid #B0C4DE; }

Similar Colors

Lightsteelblue

#B0C4DE