#BACFBA Color

#BACFBA is rgb(186, 207, 186) in RGB and hsl(120, 18%, 77%) in HSL. The closest CSS named color is Silver. Black text is most readable on this background.

#BACFBA

HEX#BACFBA

RGBrgb(186, 207, 186)

HSLhsl(120, 18%, 77%)

HSVhsv(120, 10%, 81%)

OKLCHoklch(83.3% 0.037 145.2)

CMYKcmyk(10%, 0%, 10%, 19%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BACFBA 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.72:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BACFBA Complementary#CFBACF Analogous#C4CFBA Analogous#BACFC4 Triadic#BABACF Triadic#CFBABA

Tints & Shades

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

Tints

#C3D5C3 #CCDBCC #D5E2D5 #DEE8DE #E7EEE7 #F0F5F0

Shades

#9CBA9C #7BA37B #608A60 #496949 #344B34 #1D2A1D

Use #BACFBA in Our Tools

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