#685842 Hex Color

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

Hex color #685842 graphic
This dusty, dark brown feels grounded and serious. The hex code for this shade is #685842. It functions best as a muted base or supporting element rather than a bright accent. Because it offers a 6.9:1 contrast ratio with white text, it works well for readable body copy in minimalist designs. Pair it with soft cream to avoid looking too heavy or industrial.

Questions about #685842

What is #685842 in RGB, HSL and CMYK?
In RGB, #685842 is rgb(104, 88, 66), in HSL hsl(35, 22%, 33%) and in CMYK 0%, 15%, 37%, 59%.
How can I use #685842 effectively in web design?
#685842 serves best as a sophisticated, readable text color or a muted background foundation for minimalist interfaces. Because it maintains a high 6.9:1 contrast ratio against white, it ensures accessibility standards are met without the harshness of standard black text.
What colors pair well with the dark brown #685842?
This shade works beautifully alongside soft, creamy neutrals like cream or ivory to prevent the design from feeling too heavy or industrial. For accent colors, muted greens or soft terra-cotta tones can complement its natural, earthy undertones.
Is #685842 readable on white or black?
#685842 has a 6.85:1 contrast ratio on white and 3.06: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.