#858B93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, blue-grey tone offers a muted, professional look for digital interfaces. As a supporting background, #858b93 brings stability to finance or government branding. It creates a calm base that keeps black text highly readable. However, use this hex code carefully in large spaces because it can look muddy or flat without enough contrast from brighter surrounding design elements.
Questions about #858b93
What is #858b93 in RGB, HSL and CMYK?
In RGB, #858b93 is rgb(133, 139, 147), in HSL hsl(214, 6%, 55%) and in CMYK 10%, 5%, 0%, 42%.
What colors pair well with #858b93?
#858b93 works best when balanced against high-contrast elements. To avoid a flat appearance, pair it with crisp white or deep charcoal text to ensure readability. It also pairs effectively with cool, saturated blues or muted teals for a modern, tech-focused aesthetic.
Is #858b93 suitable for large interface backgrounds?
While #858b93 provides a calm, professional base for government or financial interfaces, it can feel muddy if used alone in large blocks. Always check your contrast ratios against the text color and incorporate bright accents to keep the layout from appearing stagnant or overly flat.
Is #858b93 readable on white or black?
#858b93 has a 3.43:1 contrast ratio on white and 6.11: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.