#BABFC5 Color

#BABFC5 is rgb(186, 191, 197) in RGB and hsl(213, 9%, 75%) in HSL. The closest CSS named color is Silver. Black text is most readable on this background.

#BABFC5

HEX#BABFC5

RGBrgb(186, 191, 197)

HSLhsl(213, 9%, 75%)

HSVhsv(213, 6%, 77%)

OKLCHoklch(80.3% 0.01 252.8)

CMYKcmyk(6%, 3%, 0%, 23%)

Text Contrast & Accessibility

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

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

TextBlack text11.35:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BABFC5 Complementary#C5C0BA Analogous#BAC4C5 Analogous#BABAC5 Triadic#C5BABF Triadic#BFC5BA

Tints & Shades

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

Tints

#C2C6CC #CDD1D5 #D5D8DC #DEE0E3 #E6E8EA #F1F2F3

Shades

#9EA5AE #828B97 #68727D #4F565F #383D43 #202327

Use #BABFC5 in Our Tools

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