#858DA6 Hex Color

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

Hex color #858da6 graphic
A dusty, muted indigo with a heavy gray cast, #858da6 offers a disciplined, professional aesthetic. Its low saturation keeps it understated and neutral, making it an excellent base color for corporate interfaces or fintech dashboards. Pair this hex code with crisp cream or soft charcoal to maintain readability. Because it leans cool and ashy, avoid using it near overly warm tones that might make it look muddy.

Questions about #858da6

What is #858da6 in RGB, HSL and CMYK?
In RGB, #858da6 is rgb(133, 141, 166), in HSL hsl(225, 16%, 59%) and in CMYK 20%, 15%, 0%, 35%.
What colors pair best with the muted tone of #858da6?
Pair #858da6 with crisp, off-white or deep charcoal to maintain high contrast and professional readability. Because this color carries a cool, ashy undertone, avoid placing it next to warm or saturated yellows, which can cause the interface to look unintentionally muddy.
Is #858da6 suitable for large-scale UI components?
#858da6 works exceptionally well for large backgrounds or sidebar navigation in corporate environments because its low saturation prevents eye strain. It functions as a stable neutral that recedes visually, allowing primary call-to-action buttons in brighter colors to stand out more effectively.
Is #858da6 readable on white or black?
#858da6 has a 3.30:1 contrast ratio on white and 6.35: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.