#005580 Hex Color

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

Hex color #005580 graphic
This deep, dim blue feels serious and reliable, making it a strong choice for professional branding or security-focused UI designs. Because it is highly unsaturated, it serves well as a steady background color. Use white text over #005580 to maintain excellent readability for users. It pairs nicely with metallic gold or pale cream accents to lighten its overall moody tone.

Questions about #005580

What is #005580 in RGB, HSL and CMYK?
In RGB, #005580 is rgb(0, 85, 128), in HSL hsl(200, 100%, 25%) and in CMYK 100%, 34%, 0%, 50%.
What makes #005580 effective for UI design?
The highly unsaturated nature of #005580 creates a calm, professional visual hierarchy that prevents eye strain, making it an excellent choice for background elements in data-heavy or security-focused software applications. It maintains a consistent, serious identity across large layouts.
Which colors pair best with #005580?
To balance the moody, deep quality of #005580, pair it with light, metallic tones like a soft gold or a warm cream. These accents provide enough contrast to keep the design readable while elevating the overall sophistication of the color palette.
Is #005580 readable on white or black?
#005580 has a 8.04:1 contrast ratio on white and 2.61: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.