#A47F66 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty orange feels mellow and grounded. Because it is highly unsaturated, #a47f66 works best as a supporting background element rather than a dominant color. It pairs effectively with deep charcoals, which provide the contrast necessary to keep the tone from looking muddy. With a 5.8:1 contrast ratio against black text, the hex code remains legible for standard body copy in UI design.
Questions about #a47f66
What is #a47f66 in RGB, HSL and CMYK?
In RGB, #a47f66 is rgb(164, 127, 102), in HSL hsl(24, 25%, 52%) and in CMYK 0%, 23%, 38%, 36%.
Why does #a47f66 work well for background designs?
#a47f66 acts as a sophisticated neutral because its low saturation prevents it from competing with foreground elements. When paired with deep charcoal or dark brown text, it provides sufficient contrast for readability while maintaining a calm, approachable aesthetic for modern user interfaces.
What color schemes complement the dusty orange tone of #a47f66?
Complementary palettes for #a47f66 naturally lean toward cool, blue-based tones that neutralize its inherent warmth. Try pairing it with slate blue or deep navy to create a striking balance, or stick to monochromatic earth tones like terracotta for a cohesive, organic look across branding.
Is #a47f66 readable on white or black?
#a47f66 has a 3.61:1 contrast ratio on white and 5.80: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.