#A78674 Hex Color

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

Hex color #a78674 graphic
A dusty, grayed orange that leans toward clay. #a78674 stays matte and understated, which makes it a strong supporting tone rather than a hero shade. It can read muddy beside white, so give it cream or charcoal neighbors instead. Black text hits about 6.3:1 contrast on it, enough for WCAG AA body copy. The hex code for this shade is #a78674.

Questions about #a78674

What is #a78674 in RGB, HSL and CMYK?
In RGB, #a78674 is rgb(167, 134, 116), in HSL hsl(21, 22%, 55%) and in CMYK 0%, 20%, 31%, 35%.
What colors pair well with #a78674?
Deep teal and charcoal give #a78674 the contrast its muted warmth needs, while cream keeps the palette soft. High-saturation colors tend to overpower it, so keep them to small accents.
Can #a78674 be used as a background color?
Yes. Black text on #a78674 reaches about 6.3:1 contrast, which passes WCAG AA for body text. It works best as a large warm neutral in UI layouts where plain white feels too stark.
Is #a78674 readable on white or black?
#a78674 has a 3.33:1 contrast ratio on white and 6.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.