#BFB86E Color

#BFB86E is rgb(191, 184, 110) in RGB and hsl(55, 39%, 59%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#BFB86E

HEX#BFB86E

RGBrgb(191, 184, 110)

HSLhsl(55, 39%, 59%)

HSVhsv(55, 42%, 75%)

OKLCHoklch(77.2% 0.096 103.7)

CMYKcmyk(0%, 4%, 42%, 25%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BFB86E 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.3:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BFB86E Complementary#6E74BF Analogous#BF906E Analogous#9DBF6E Triadic#6EBFB8 Triadic#B86EBF

Tints & Shades

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

Tints

#C9C383 #D0CB95 #DAD6AA #E1DEBC #EBE9D1 #F3F1E3

Shades

#B3AB51 #989143 #7C7636 #635F2C #47441F #2B2913

Use #BFB86E in Our Tools

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