#AA5F30 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #aa5f30 graphic
Closer to terracotta than a bright orange, the hex code #aa5f30 gives you a warm, earthy shade with a mellow feel. Its muted saturation keeps it from shouting, which suits food packaging, autumn themes, and sports branding. Use it as an accent or supporting tone rather than a full background, since it can read muddy at large sizes. White text passes AA on top at about 4.8:1.

Questions about #aa5f30

What is #aa5f30 in RGB, HSL and CMYK?
In RGB, #aa5f30 is rgb(170, 95, 48), in HSL hsl(23, 56%, 43%) and in CMYK 0%, 44%, 72%, 33%. Browse more shades of brown with names and hex codes.
What colors pair well with #aa5f30?
Deep teal offsets the warmth of #aa5f30, and charcoal grounds it in a modern palette. Cream softens it into a rustic autumn look.
Is #aa5f30 readable on white or black?
#aa5f30 has a 4.78:1 contrast ratio on white and 4.38:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.