#BDDBD3 Color

#BDDBD3 is rgb(189, 219, 211) in RGB and hsl(164, 29%, 80%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#BDDBD3

HEX#BDDBD3

RGBrgb(189, 219, 211)

HSLhsl(164, 29%, 80%)

HSVhsv(164, 14%, 86%)

OKLCHoklch(86.7% 0.034 177.6)

CMYKcmyk(14%, 0%, 4%, 14%)

Text Contrast & Accessibility

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

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

TextBlack text14.24:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BDDBD3 Complementary#DBBDC5 Analogous#BDDBC4 Analogous#BDD4DB Triadic#D3BDDB Triadic#DBD3BD

Tints & Shades

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

Tints

#C7E0DA #CEE4DE #D8E9E5 #DEEDE9 #E8F2F0 #EFF6F4

Shades

#99C7BB #75B3A2 #559B88 #437A6B #2F564B #1B312B

Use #BDDBD3 in Our Tools

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