#848890 Hex Color

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

Hex color #848890 graphic
This dusty, slate blue leans heavily into grey, acting as a muted base for professional UI design. Because it lacks intensity, use #848890 as a background rather than a primary accent. It provides clear readability with black text at a 5.9:1 contrast ratio. For a balanced palette, pair this hex code with a warm charcoal or crisp white to prevent a washed-out finish.

Questions about #848890

What is #848890 in RGB, HSL and CMYK?
In RGB, #848890 is rgb(132, 136, 144), in HSL hsl(220, 5%, 54%) and in CMYK 8%, 6%, 0%, 44%.
How should I use #848890 in a UI design interface?
#848890 functions best as a background color or secondary element due to its low-intensity, grey-leaning profile. It provides excellent readability when paired with high-contrast text like black or dark charcoal, maintaining a clean aesthetic for professional applications.
What colors pair well with #848890 for a balanced look?
To prevent a washed-out finish, pair #848890 with charcoal or crisp white to anchor the palette. Using deeper, warmer tones creates a necessary visual tension that balances this cool, muted shade against more vibrant, saturated accents.
Is #848890 readable on white or black?
#848890 has a 3.55:1 contrast ratio on white and 5.90: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.