#877F7A Hex Color

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

Hex color #877f7a graphic
Dusty and muted, #877f7a functions as a sophisticated, earthy neutral with subtle orange undertones. It avoids the harshness of flat grey, offering a warmer, more organic alternative for backgrounds or typography. Pair it with deep charcoal or crisp cream to balance its desaturated character. Because it maintains strong legibility against black text, this hex code works well for readable UI elements.

Questions about #877f7a

What is #877f7a in RGB, HSL and CMYK?
In RGB, #877f7a is rgb(135, 127, 122), in HSL hsl(23, 5%, 50%) and in CMYK 0%, 6%, 10%, 47%.
Why does #877f7a feel warmer than a standard grey?
The color #877f7a contains subtle orange undertones, shifting it away from the cool, clinical feel of traditional steel greys. This warmth creates a more organic, grounded appearance that softens the overall visual impact of your design layouts.
What is the best way to pair #877f7a in UI design?
Use #877f7a as a backdrop or secondary element when paired with charcoal for high-contrast, readable text. It also works beautifully against cream or soft whites to maintain a balanced, sophisticated, and earthy color scheme without appearing dull.
Is #877f7a readable on white or black?
#877f7a has a 3.92:1 contrast ratio on white and 5.34: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.