#A29A76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated yellow leans heavily into gray tones, creating a muted and earthy aesthetic. The hex code #a29a76 is best used as a supporting neutral or texture in designs where bright colors feel too aggressive. It pairs well with deep charcoal or burnt orange to provide structure. Because it maintains strong contrast with black text, it works reliably for readable, low-stress UI elements.
Questions about #a29a76
What is #a29a76 in RGB, HSL and CMYK?
In RGB, #a29a76 is rgb(162, 154, 118), in HSL hsl(49, 19%, 55%) and in CMYK 0%, 5%, 27%, 36%.
What colors pair best with #a29a76 for a balanced design?
#a29a76 thrives when contrasted against deep, grounded tones. Pairing it with charcoal or dark espresso creates a sophisticated, high-contrast look that feels professional yet natural. For a warmer palette, try using it alongside muted terracotta or dried sage accents.
Is #a29a76 suitable for UI text?
While #a29a76 works well as a subtle UI element like a background, border, or button fill, it lacks sufficient contrast for small body text against white. You should reserve this color for decorative UI components or large, bold headers to ensure readability remains high.
Is #a29a76 readable on white or black?
#a29a76 has a 2.83:1 contrast ratio on white and 7.42:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.