#B57A4A Color

#B57A4A is rgb(181, 122, 74) in RGB and hsl(27, 42%, 50%) in HSL. The closest CSS named color is Peru. Black text is most readable on this background.

#B57A4A

HEX#B57A4A

RGBrgb(181, 122, 74)

HSLhsl(27, 42%, 50%)

HSVhsv(27, 59%, 71%)

OKLCHoklch(63% 0.098 58.8)

CMYKcmyk(0%, 33%, 59%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B57A4A Complementary#4A85B5 Analogous#B54A4F Analogous#B5B04A Triadic#4AB57A Triadic#7A4AB5

Tints & Shades

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

Tints

#BF8D63 #CA9F7D #D4B296 #DDC2AC #E7D4C5 #F2E7DE

Shades

#9C6940 #865A37 #6D492C #573B23 #3E2A19 #281B10

Use #B57A4A in Our Tools

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