#786C5A Hex Color

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

Hex color #786c5a graphic
#786c5a is a dusty, desaturated brown with distinct grey undertones. It projects a grounded, reliable mood that works best as a supporting neutral rather than a dominant background. While white text provides sufficient contrast, this muted shade can appear muddy if overused in large interfaces. Pair it with soft creams or warm terracotta for a balanced, artisan-inspired palette. The hex code for this ashy tone is #786c5a.

Questions about #786c5a

What is #786c5a in RGB, HSL and CMYK?
In RGB, #786c5a is rgb(120, 108, 90), in HSL hsl(36, 14%, 41%) and in CMYK 0%, 10%, 25%, 53%. Browse more shades of gray with names and hex codes.
What colors pair best with #786c5a?
This muted brown works beautifully when contrasted with soft creams or warm terracotta to highlight its artisan, organic character. Because of its grey undertones, it also sits comfortably against cool slate blues or clean, crisp whites for a modern, grounded balance.
Does #786c5a work well for web text?
Using #786c5a as body text can be risky because its moderate darkness often lacks the necessary contrast ratio against light backgrounds to meet accessibility standards. It functions much more effectively as a background color or a subtle accent element in interface design.
Is #786c5a readable on white or black?
#786c5a has a 5.13:1 contrast ratio on white and 4.09:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.