#8C6C50 Hex Color

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

Hex color #8c6c50 graphic
This dusty, ashy shade of orange feels mellow and understated. The hex code #8c6c50 works best as a supporting tone in autumn-inspired palettes rather than a dominant background, as its low saturation can appear muddy in large areas. It pairs nicely with crisp white text, which maintains a reliable 4.8:1 contrast ratio for excellent readability in UI designs.

Questions about #8c6c50

What is #8c6c50 in RGB, HSL and CMYK?
In RGB, #8c6c50 is rgb(140, 108, 80), in HSL hsl(28, 27%, 43%) and in CMYK 0%, 23%, 43%, 45%.
How should I use #8c6c50 in UI design?
Use #8c6c50 primarily as a supporting accent or border color rather than a dominant background, as its low saturation can appear muddy in large areas. It maintains excellent readability when paired with crisp white text for accessible interface design.
Which colors pair best with #8c6c50?
Because this shade leans into a dusty, earthy aesthetic, it works exceptionally well alongside creamy neutrals or a deep charcoal to create a sophisticated, autumn-inspired contrast. Avoid pairing it with overly vibrant neons that might clash with its muted character.
Is #8c6c50 readable on white or black?
#8c6c50 has a 4.79:1 contrast ratio on white and 4.37: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.