#BCA69A Color

#BCA69A is rgb(188, 166, 154) in RGB and hsl(21, 20%, 67%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#BCA69A

HEX#BCA69A

RGBrgb(188, 166, 154)

HSLhsl(21, 20%, 67%)

HSVhsv(21, 18%, 74%)

OKLCHoklch(74.1% 0.031 50.5)

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

Text Contrast & Accessibility

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

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

TextBlack text9.06:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BCA69A Complementary#9AB0BC Analogous#BC9A9F Analogous#BCB79A Triadic#9ABCA6 Triadic#A69ABC

Tints & Shades

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

Tints

#C4B1A6 #CEBEB6 #D6C9C2 #E0D6D1 #E9E1DD #F3EFED

Shades

#A98D7E #967564 #7A6052 #5F4A3F #43352D #281F1B

Use #BCA69A in Our Tools

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