#AA6D3E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#aa6d3e is a muted, warm orange that leans toward an earthy clay tone. Because it lacks high saturation, it works best as a supporting texture or an accent rather than a dominant background. Pair it with deep charcoal or slate blue to ground the color. The hex code for this mellow shade is #aa6d3e, which provides enough contrast for readable text in most UI applications.
Questions about #aa6d3e
What is #aa6d3e in RGB, HSL and CMYK?
In RGB, #aa6d3e is rgb(170, 109, 62), in HSL hsl(26, 47%, 45%) and in CMYK 0%, 36%, 64%, 33%.
What colors pair best with #aa6d3e in a design scheme?
Does #aa6d3e work well for UI text or body content?
While #aa6d3e provides reasonable contrast on light backgrounds, it is often better reserved for UI elements like buttons, borders, or accents rather than small body text. Always verify contrast ratios against your specific background color to ensure accessibility for all users.
Is #aa6d3e readable on white or black?
#aa6d3e has a 4.22:1 contrast ratio on white and 4.96:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.