#BDCBDB Color

#BDCBDB is rgb(189, 203, 219) in RGB and hsl(212, 29%, 80%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#BDCBDB

HEX#BDCBDB

RGBrgb(189, 203, 219)

HSLhsl(212, 29%, 80%)

HSVhsv(212, 14%, 86%)

OKLCHoklch(83.6% 0.027 251.7)

CMYKcmyk(14%, 7%, 0%, 14%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BDCBDB background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.65:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text12.73:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #BDCBDB based on color wheel relationships. Click any swatch for its full breakdown.

Base#BDCBDB Complementary#DBCDBD Analogous#BDDADB Analogous#BEBDDB Triadic#DBBDCB Triadic#CBDBBD

Tints & Shades

Lighter tints and darker shades of #BDCBDB, useful for hover states, backgrounds, and text variants.

Tints

#C7D3E0 #CED8E4 #D8E0E9 #DEE5ED #E8EDF2 #EFF2F6

Shades

#99AEC7 #7592B3 #55769B #435D7A #2F4156 #1B2631

Use #BDCBDB in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex