#836646 Hex Color

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

Hex color #836646 graphic
This dusty, desaturated brown offers a muted, matte aesthetic that feels grounded and reliable. Because it sits on the warmer side of the spectrum without being vivid, #836646 works best as a supporting tone or an organic background element. Pair this hex code with cream or soft teal to prevent it from looking muddy. White text remains legible, making it suitable for clean, readable layouts.

Questions about #836646

What is #836646 in RGB, HSL and CMYK?
In RGB, #836646 is rgb(131, 102, 70), in HSL hsl(31, 30%, 39%) and in CMYK 0%, 22%, 47%, 49%.
What colors pair well with the brown tone of #836646?
#836646 works best when balanced against cooler or lighter neutrals to prevent the design from feeling muddy. Pair it with crisp cream for a soft contrast or teal to introduce a vibrant, complementary accent that livens up its muted base.
Is #836646 suitable for text on a white background?
#836646 provides sufficient contrast against a pure white background for most reading standards, making it a safe choice for headings or accents. However, for body text, consider darkening the shade slightly to ensure maximum readability for all users.
Is #836646 readable on white or black?
#836646 has a 5.31:1 contrast ratio on white and 3.95: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.