#A67730 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, golden-orange brings an earthy, weathered warmth to any palette. Because of its desaturated character, the hex code #a67730 avoids the visual noise of bright orange and works best as a supporting tone or accent. Pair it with deep charcoal or slate blue to ground the composition. It remains readable for small text, though it can appear muddy if overused in large background blocks.
Questions about #a67730
What is #a67730 in RGB, HSL and CMYK?
In RGB, #a67730 is rgb(166, 119, 48), in HSL hsl(36, 55%, 42%) and in CMYK 0%, 28%, 71%, 35%.
What colors pair best with #a67730?
Because #a67730 carries an earthy, desaturated weight, it functions best when contrasted against deeper, cooler tones. Pairing it with charcoal or deep slate blues provides the necessary visual structure to keep the composition from feeling too muddy or flat.
Is #a67730 suitable for large background areas?
#a67730 often appears muddy and heavy when applied to large, flat background blocks. It is much more effective as an accent color for borders, buttons, or icons where its specific golden-orange warmth can stand out without overwhelming the overall layout.
Is #a67730 readable on white or black?
#a67730 has a 3.96:1 contrast ratio on white and 5.30: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.