#878C84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy gray sits between olive and slate. Because it is desaturated, #878c84 works best as a supporting neutral rather than a dominant color. Pair it with deep charcoal or burnt orange to ground the design. It offers enough contrast for legible small body text, making it a reliable choice for backgrounds that need to feel grounded and organic.
Questions about #878c84
What is #878c84 in RGB, HSL and CMYK?
In RGB, #878c84 is rgb(135, 140, 132), in HSL hsl(98, 3%, 53%) and in CMYK 4%, 0%, 6%, 45%.
What colors pair well with #878c84?
#878c84 functions as a sophisticated, desaturated neutral, so it works exceptionally well when contrasted against deeper, warmer tones. Try pairing it with dark charcoal for a professional look or burnt orange to add a grounded, earthy warmth to the composition.
Is #878c84 a good choice for text?
Due to its mid-tone value, #878c84 should generally be avoided for small body text as it may lack sufficient contrast against light backgrounds. It is most effective as a background color, where it provides a soft, organic foundation for higher-contrast elements.
Is #878c84 readable on white or black?
#878c84 has a 3.43:1 contrast ratio on white and 6.11: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.