#784C31 Hex Color

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

Hex color #784c31 graphic
This dark, earthy brown feels grounded and serious. With a muted quality, #784c31 provides a reliable foundation for branding in coffee or artisan industries. It maintains high readability, ensuring white text pops against its surface with a 7.3:1 contrast ratio. Use it as an accent rather than a full background to prevent a muddy appearance. The hex code for this shade is #784c31.

Questions about #784c31

What is #784c31 in RGB, HSL and CMYK?
In RGB, #784c31 is rgb(120, 76, 49), in HSL hsl(23, 42%, 33%) and in CMYK 0%, 37%, 59%, 53%.
How can I effectively use #784c31 in a design layout?
Because #784c31 is quite dark, it functions best as an accent color or a grounding element rather than a full background to avoid a muddy aesthetic. Pairing it with a high-contrast neutral like cream or off-white ensures text remains legible.
What is the best way to pair #784c31 with other colors?
This grounded brown works beautifully when balanced against lighter, warmer tones. Try complementing #784c31 with soft sage for an organic look or a warm terracotta to lean into its earthy, artisan roots without losing the serious tone.
Is #784c31 readable on white or black?
#784c31 has a 7.29:1 contrast ratio on white and 2.87: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 is too faint for text. Try other pairs in the contrast checker.