HEX Color #B6BDDB (Lightsteelblue)

About #B6BDDB

The precise color #B6BDDB is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Lightsteelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 189, and 219.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 17% C, 14% M, 0% Y, and 14% K. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#B6BDDB

RGB182, 189, 219

HSL228.6°, 33.9%, 78.6%

CMYK17%, 14%, 0%, 14%

HSV228.6°, 16.9%, 85.9%

LAB77.0, 3.7, -15.8

XYZ50.3, 51.5, 74.3

Decimal11976155

Color Harmonies

Complementary

#B6BDDB #DAD3B6

Analogous

#B6CFDA #C1B6DA

Triadic

#DAB6BD #BDDAB6

Tetradic

#DAB6CF #DAD3B6 #B6DAC1

Tints, Shades & Tones

Tints (Adding White)

#B6BDDB

#BEC4DF

#C6CBE3

#CED3E7

#D6DAEB

#DEE1EF

#E6E9F3

#EEF0F7

#F6F7FB

#FFFFFF

Shades (Adding Black)

#B6BDDB

#A1A8C2

#8D93AA

#797E92

#656979

#505461

#3C3F49

#282A30

#141518

#000000

WCAG Contrast Accessibility

1.86:1

Text on #FFFFFF

FAIL

11.29:1

Text on #000000

AAA

1.78:1

Text on #F8FAFC

FAIL

9.60:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #B6BDDB; }

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

Similar Colors

Lightsteelblue

#B0C4DE