#BC9AA2 Color

#BC9AA2 is rgb(188, 154, 162) in RGB and hsl(346, 20%, 67%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#BC9AA2

HEX#BC9AA2

RGBrgb(188, 154, 162)

HSLhsl(346, 20%, 67%)

HSVhsv(346, 18%, 74%)

OKLCHoklch(71.9% 0.042 2.4)

CMYKcmyk(0%, 18%, 14%, 26%)

Text Contrast & Accessibility

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

TextWhite text2.54:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.28:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BC9AA2 Complementary#9ABCB4 Analogous#BC9AB3 Analogous#BCA39A Triadic#A2BC9A Triadic#9AA2BC

Tints & Shades

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

Tints

#C4A6AD #CEB6BB #D6C2C7 #E0D1D5 #E9DDE0 #F3EDEE

Shades

#A97E88 #966470 #7A525B #5F3F47 #432D32 #281B1E

Use #BC9AA2 in Our Tools

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