Jumbo
A stable, neutral grey for professional design
Jumbo is a mid-tone, neutral grey that carries an ashy, desaturated quality. It provides a stable, professional base for minimal UI interfaces where white feels too bright. Because it offers a 5.8:1 contrast ratio against black text, it functions perfectly for readable body copy. Use this hex code, #878785, as a supporting background color to ground more vivid accent hues in product design.
Questions about Jumbo
What is the hex code for Jumbo?
Jumbo is #878785. In RGB that is rgb(135, 135, 133), in HSL hsl(60, 1%, 53%) and in CMYK 0%, 0%, 1%, 47%. Browse more shades of gray with names and hex codes.
Why is #878785 effective for UI background design?
Jumbo works exceptionally well as a UI background because it offers a 5.8:1 contrast ratio against black text, ensuring excellent readability. It provides a grounded, stable base that feels softer and more sophisticated than pure white or harsh light greys.
What colors pair well with #878785?
This neutral grey pairs effectively with muted, earthy tones like sage or terracotta for a balanced, natural palette. Its ashy, desaturated quality allows it to ground more vivid accent hues without competing for attention in a visual interface.
Is Jumbo readable on white or black?
Jumbo has a 3.59:1 contrast ratio on white and 5.83: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.