#886353 Hex Color

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

Hex color #886353 graphic
This dusty, muted brown leans into a gloomy, matte aesthetic with heavy orange undertones. Because it is highly unsaturated, the hex code #886353 works best as a moody background element rather than a focal point. Use it in organic or vintage designs to ground brighter colors. It offers a 5.3:1 contrast ratio with white text, making it a reliable choice for readable, earthy UI layouts.

Questions about #886353

What is #886353 in RGB, HSL and CMYK?
In RGB, #886353 is rgb(136, 99, 83), in HSL hsl(18, 24%, 43%) and in CMYK 0%, 27%, 39%, 47%.
How can I use #886353 effectively in web design?
#886353 functions best as a sophisticated background element due to its high unsaturated quality and matte finish. Pair it with crisp white text to maintain readability, as its 5.3:1 contrast ratio meets essential accessibility standards for clear, legible, and earthy user interfaces.
What colors complement the muted tone of #886353?
Because #886353 carries heavy orange undertones, it creates natural harmony when paired with cool neutrals like slate or soft cream. Avoid pairing it with high-vibrancy neons, as these will overwhelm its organic, vintage character and make the muted brown appear muddy rather than intentional.
Is #886353 readable on white or black?
#886353 has a 5.30: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.