#5D6A70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated blue leans into grey with a distinctly dusty, ashy character. The hex code #5d6a70 functions best as a supporting tone rather than a dominant background, as its low saturation can feel muddy in large blocks. It pairs well with crisp white text, providing sufficient contrast for readability, and offers a professional, grounded utility for tech or aerospace interfaces.
Questions about #5d6a70
What is #5d6a70 in RGB, HSL and CMYK?
In RGB, #5d6a70 is rgb(93, 106, 112), in HSL hsl(199, 9%, 40%) and in CMYK 17%, 5%, 0%, 56%.
How should I use #5d6a70 in a web interface?
#5d6a70 serves best as a secondary or supporting color rather than a dominant background. Because it is desaturated and ashy, it creates excellent professional contrast when paired with stark white text, making it ideal for technical dashboards or software navigation elements.
What colors pair well with #5d6a70?
This blue-grey relies on high-contrast partners to stand out, such as a crisp white or a very light silver. For accent colors, it works surprisingly well with muted, earthy tones like terracotta or deep navy to create a grounded, mature aesthetic.
Is #5d6a70 readable on white or black?
#5d6a70 has a 5.58:1 contrast ratio on white and 3.76:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.