#BCA252 Color

#BCA252 is rgb(188, 162, 82) in RGB and hsl(45, 44%, 53%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#BCA252

HEX#BCA252

RGBrgb(188, 162, 82)

HSLhsl(45, 44%, 53%)

HSVhsv(45, 56%, 74%)

OKLCHoklch(71.9% 0.104 91.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BCA252 Complementary#526DBC Analogous#BC6D52 Analogous#A2BC52 Triadic#52BCA2 Triadic#A252BC

Tints & Shades

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

Tints

#C4AD68 #CEBB82 #D7C798 #E1D5B2 #EAE1C8 #F4EFE2

Shades

#A98F42 #8F7938 #76642E #5C4E24 #42381A #282210

Use #BCA252 in Our Tools

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