#AA8B78 Hex Color

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

Hex color #aa8b78 graphic
This ashy, dusty orange sits on the border of brown and terracotta. Because it is highly unsaturated, #aa8b78 works best as a supporting tone rather than a dominant background color. It pairs effectively with deep charcoal or muted olive greens for an autumnal feel. With a contrast ratio of 6.7:1 against black text, it maintains excellent readability for small, body-length copy in professional UI layouts.

Questions about #aa8b78

What is #aa8b78 in RGB, HSL and CMYK?
In RGB, #aa8b78 is rgb(170, 139, 120), in HSL hsl(23, 23%, 57%) and in CMYK 0%, 18%, 29%, 33%.
How does #aa8b78 perform in UI layouts?
It maintains a 6.7:1 contrast ratio against black text, making it a reliable, readable choice for small, body-length copy. Use it as a supporting tone to create an autumnal, professional feel in your interface designs.
Which colors complement #aa8b78 best?
This muted, dusty shade pairs effectively with dark neutrals like charcoal or earthy olive greens. These combinations ground the color, preventing it from appearing washed out while maintaining its warm, terracotta-adjacent character.
Is #aa8b78 readable on white or black?
#aa8b78 has a 3.14:1 contrast ratio on white and 6.67: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.