#8E7866 Hex Color

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

Hex color #8e7866 graphic
This muted, ashy orange sits firmly in the neutral zone, feeling more like weathered clay than a vibrant hue. Because #8e7866 is so unsaturated, it functions best as a supporting background rather than a focal point. Pair it with crisp cream or deep charcoal to ground your layout. Since black text provides sufficient contrast against this hex code, it remains readable for UI elements.

Questions about #8e7866

What is #8e7866 in RGB, HSL and CMYK?
In RGB, #8e7866 is rgb(142, 120, 102), in HSL hsl(27, 16%, 48%) and in CMYK 0%, 15%, 28%, 44%.
What colors pair well with the #8e7866 neutral?
#8e7866 works best when grounded by high-contrast pairings to balance its desaturated nature. Use crisp cream for a soft, organic feel, or pair it with deep charcoal text to ensure readability and add structural depth to your layout.
Is #8e7866 suitable for text on a white background?
While #8e7866 offers a sophisticated look, it is generally too light to meet standard accessibility requirements for body text on a white background. It functions much better as an accent color or a secondary background element behind high-contrast, dark typography.
Is #8e7866 readable on white or black?
#8e7866 has a 4.17:1 contrast ratio on white and 5.02:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.