#848486 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, mid-tone grey reads as a stable and professional neutral. Because of its balanced lightness, #848486 provides enough contrast for readable body text when paired with black. It excels as a background for minimal UI design, though it can feel flat in isolation. Use this hex code as a supporting foundation to anchor brighter accents or bold typography.
Questions about #848486
What is #848486 in RGB, HSL and CMYK?
In RGB, #848486 is rgb(132, 132, 134), in HSL hsl(240, 1%, 52%) and in CMYK 1%, 1%, 0%, 47%.
How should I best use #848486 in a user interface?
This color serves best as a neutral anchor for minimal interface designs where you need a muted, non-distracting background. Because it feels flat in isolation, always pair #848486 with brighter accent colors or sharp, dark typography to create visual interest.
Is #848486 readable on white or black?
#848486 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.