#BA7A2C Color

#BA7A2C is rgb(186, 122, 44) in RGB and hsl(33, 62%, 45%) in HSL. The closest CSS named color is Peru. Black text is most readable on this background.

#BA7A2C

HEX#BA7A2C

RGBrgb(186, 122, 44)

HSLhsl(33, 62%, 45%)

HSVhsv(33, 76%, 73%)

OKLCHoklch(63.3% 0.121 67.2)

CMYKcmyk(0%, 34%, 76%, 27%)

Text Contrast & Accessibility

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

TextWhite text3.55:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.91:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BA7A2C Complementary#2C6CBA Analogous#BA332C Analogous#B3BA2C Triadic#2CBA7A Triadic#7A2CBA

Tints & Shades

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

Tints

#D18F3D #D89F5A #E0B27B #E7C398 #EFD6B9 #F5E7D6

Shades

#A16A26 #885920 #70491A #5B3C15 #422B10 #291B0A

Use #BA7A2C in Our Tools

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