#005D85 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated blue feels serious and controlled. Because it lacks high chroma, it works well as a reliable base color for corporate or tech interfaces. Use #005d85 for UI backgrounds where you need high legibility, as it provides a strong 7.2:1 contrast ratio with white text. It pairs well with soft greys or muted oranges to avoid feeling too cold.
Questions about #005d85
What is #005d85 in RGB, HSL and CMYK?
In RGB, #005d85 is rgb(0, 93, 133), in HSL hsl(198, 100%, 26%) and in CMYK 100%, 30%, 0%, 48%.
Why is #005d85 effective for user interface backgrounds?
#005d85 offers a strong 7.2:1 contrast ratio against white text, ensuring excellent legibility for long-form content. Its desaturated, controlled nature makes it a professional, non-distracting choice for dashboard sidebars, footer sections, or deep-background web elements.
What colors pair well with #005d85 in a design scheme?
To keep the interface from feeling too cold, pair #005d85 with warm, earthy tones like soft orange or muted, neutral greys. These additions balance the inherent seriousness of the blue, adding a touch of approachability to your overall layout.
Is #005d85 readable on white or black?
#005d85 has a 7.23:1 contrast ratio on white and 2.90: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 is too faint for text. Try other pairs in the contrast checker.