#786F5D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty olive-brown carries a heavy, muted weight that feels grounded and calm. Because it is quite dark, use hex code #786f5d as a supporting background or for subtle branding elements rather than large text blocks. It pairs well with crisp whites or deep charcoals. While it offers enough contrast for legible white body text, the shade can look muddy if paired with other weak, desaturated neutrals.
Questions about #786f5d
What is #786f5d in RGB, HSL and CMYK?
In RGB, #786f5d is rgb(120, 111, 93), in HSL hsl(40, 13%, 42%) and in CMYK 0%, 7%, 22%, 53%.
How should I use #786f5d in web design?
Because #786f5d is a dense, dark shade, use it primarily for subtle branding accents, borders, or as a secondary background color. Avoid using it for body text as it lacks the necessary contrast against most backgrounds for comfortable, long-form reading.
Which colors pair best with #786f5d?
This olive-brown thrives when paired with high-contrast, crisp whites to prevent the palette from feeling muddy. For a sophisticated, moody look, combine #786f5d with a deep charcoal or a creamy, off-white to maintain visual balance and clarity.
Is #786f5d readable on white or black?
#786f5d has a 4.96:1 contrast ratio on white and 4.23: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.