#005F99 Hex Color

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

Hex color #005f99 graphic
This dim, muted shade carries a weight that feels professional and secure. The hex code #005f99 offers enough contrast to support white body text, making it a reliable choice for UI backgrounds in finance or technology. Because it leans unsaturated, it pairs well with warm accents to break up the cool intensity. Designers looking to understand how to make gray can often use similar tones as a base.

Questions about #005f99

What is #005f99 in RGB, HSL and CMYK?
In RGB, #005f99 is rgb(0, 95, 153), in HSL hsl(203, 100%, 30%) and in CMYK 100%, 38%, 0%, 40%.
What colors pair well with #005f99 in a UI design?
#005f99 pairs effectively with light, neutral grays or cream off-whites to maintain readability while keeping a professional aesthetic. You can also introduce warm accents like terracotta or soft gold to provide a necessary visual break from the cool, unsaturated blue tones.
Is #005f99 a good choice for text-heavy interfaces?
#005f99 provides enough contrast against standard white backgrounds to be used as a primary brand color, though it should be used cautiously for small body text. Always ensure your contrast ratio remains above 4.5:1 when pairing it with lighter background shades for optimal accessibility.
Is #005f99 readable on white or black?
#005f99 has a 6.78:1 contrast ratio on white and 3.09: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.