#BFBA36 Color

#BFBA36 is rgb(191, 186, 54) in RGB and hsl(58, 56%, 48%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#BFBA36

HEX#BFBA36

RGBrgb(191, 186, 54)

HSLhsl(58, 56%, 48%)

HSVhsv(58, 72%, 75%)

OKLCHoklch(77% 0.147 107.2)

CMYKcmyk(0%, 3%, 72%, 25%)

Text Contrast & Accessibility

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

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

TextBlack text10.29:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BFBA36 Complementary#363ABF Analogous#BF7636 Analogous#7FBF36 Triadic#36BFBA Triadic#BA36BF

Tints & Shades

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

Tints

#CDC84C #D4D168 #DCD984 #E5E3A4 #EDECBF #F5F4DB

Shades

#A7A32F #8B8827 #737121 #5B591A #444213 #28270B

Use #BFBA36 in Our Tools

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