#B6AA5D Color

#B6AA5D is rgb(182, 170, 93) in RGB and hsl(52, 38%, 54%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#B6AA5D

HEX#B6AA5D

RGBrgb(182, 170, 93)

HSLhsl(52, 38%, 54%)

HSVhsv(52, 49%, 71%)

OKLCHoklch(73.1% 0.099 100.6)

CMYKcmyk(0%, 7%, 49%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B6AA5D Complementary#5D69B6 Analogous#B67E5D Analogous#96B65D Triadic#5DB6AA Triadic#AA5DB6

Tints & Shades

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

Tints

#C0B572 #CBC28B #D4CDA0 #DED8B5 #E7E3CA #F2F0E3

Shades

#A5994A #8D823F #746C34 #585228 #3F3B1C #272411

Use #B6AA5D in Our Tools

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