#BCB30B Color

#BCB30B is rgb(188, 179, 11) in RGB and hsl(57, 89%, 39%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#BCB30B

HEX#BCB30B

RGBrgb(188, 179, 11)

HSLhsl(57, 89%, 39%)

HSVhsv(57, 94%, 74%)

OKLCHoklch(75% 0.158 106)

CMYKcmyk(0%, 5%, 94%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BCB30B Complementary#0B14BC Analogous#BC5B0B Analogous#6CBC0B Triadic#0BBCB3 Triadic#B30BBC

Tints & Shades

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

Tints

#E3D80D #F3E92B #F5ED51 #F7F17D #FAF5A3 #FCFACF

Shades

#A49C0A #8C8508 #746E07 #5C5705 #434004 #2B2903

Use #BCB30B in Our Tools

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