#A48B73 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Whole Wheat is a dusty, unsaturated orange with strong gray undertones. Because it is so muted, this shade functions best as a supporting neutral rather than a dominant color. Pair it with deep charcoal or forest green to ground its warmth. The hex code #a48b73 provides enough contrast for legible black body text, making it a reliable choice for readable, accessible UI backgrounds.
Questions about Whole Wheat
What is the hex code for Whole Wheat?
Whole Wheat is #a48b73. In RGB that is rgb(164, 139, 115), in HSL hsl(29, 21%, 55%) and in CMYK 0%, 15%, 30%, 36%. Browse more shades of brown with names and hex codes.
How should I use #a48b73 in web design?
#a48b73 works best as a supporting neutral for backgrounds because its low saturation prevents it from overwhelming your primary content. It provides enough contrast for black text to remain legible, making it a functional choice for accessible interface design.
Which colors pair best with #a48b73?
This color thrives when anchored by darker, cooler tones like charcoal or forest green to balance its inherent warmth. Avoid pairing it with high-saturation neons, which will make the dusty gray undertones appear muddy rather than intentional.
Is Whole Wheat readable on white or black?
Whole Wheat has a 3.22:1 contrast ratio on white and 6.51: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.