#848485 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, neutral grey offers a stable foundation for corporate and professional projects. Because it maintains a 5.6:1 contrast ratio against black text, #848485 works effectively for body content and UI elements that require readability. It appears fairly flat and muted, so pair it with a saturated accent color to avoid a washed-out finish. Use this hex code as a reliable secondary background or supporting typography color.
Questions about #848485
What is #848485 in RGB, HSL and CMYK?
In RGB, #848485 is rgb(132, 132, 133), in HSL hsl(240, 0%, 52%) and in CMYK 1%, 1%, 0%, 48%.
Where does #848485 work best in UI design?
#848485 functions perfectly as a secondary background or a reliable color for body text where you need to maintain a 5.6:1 contrast ratio against black. It provides a sturdy, muted foundation that keeps focus on your primary call-to-action buttons.
How do I add vibrancy to designs using #848485?
Because #848485 is a flat, neutral gray, it requires a saturated accent color to avoid a washed-out finish. Pair it with a bold navy or a deep terracotta to introduce visual interest without compromising the clean, professional aesthetic of your layout.
Is #848485 readable on white or black?
#848485 has a 3.73:1 contrast ratio on white and 5.62: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.