#AF5D31 Color

#AF5D31 is rgb(175, 93, 49) in RGB and hsl(21, 56%, 44%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#AF5D31

HEX#AF5D31

RGBrgb(175, 93, 49)

HSLhsl(21, 56%, 44%)

HSVhsv(21, 72%, 69%)

OKLCHoklch(56.7% 0.121 47)

CMYKcmyk(0%, 47%, 72%, 31%)

Text Contrast & Accessibility

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

TextWhite text4.74:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.43:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AF5D31 Complementary#3183AF Analogous#AF3144 Analogous#AF9C31 Triadic#31AF5D Triadic#5D31AF

Tints & Shades

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

Tints

#C97040 #D1855C #DA9D7C #E3B59C #ECCCBB #F4E1D7

Shades

#97512B #834625 #6B391E #542D18 #3C2011 #28150B

Use #AF5D31 in Our Tools

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