#BCA406 Color

#BCA406 is rgb(188, 164, 6) in RGB and hsl(52, 94%, 38%) in HSL. The closest CSS named color is DarkGoldenrod. Black text is most readable on this background.

#BCA406

HEX#BCA406

RGBrgb(188, 164, 6)

HSLhsl(52, 94%, 38%)

HSVhsv(52, 97%, 74%)

OKLCHoklch(71.8% 0.148 98.6)

CMYKcmyk(0%, 13%, 97%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BCA406 Complementary#061EBC Analogous#BC4906 Analogous#79BC06 Triadic#06BCA4 Triadic#A406BC

Tints & Shades

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

Tints

#E9CA07 #F8DB20 #F9E24D #FBE974 #FCF0A1 #FDF6C9

Shades

#A38E05 #8B7904 #726304 #5E5203 #453C02 #2D2701

Use #BCA406 in Our Tools

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