#06557D Hex Color

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

Hex color #06557d graphic
This deep, desaturated blue feels serious and grounded. Because it carries a significant amount of shadow, the hex code #06557d functions best as a background color for professional tech or finance interfaces. While you can learn mixing gray techniques to soften it, this shade already provides enough contrast to pair easily with white text for high readability.

Questions about #06557d

What is #06557d in RGB, HSL and CMYK?
In RGB, #06557d is rgb(6, 85, 125), in HSL hsl(200, 91%, 26%) and in CMYK 95%, 32%, 0%, 51%.
Where does #06557d work best in UI design?
Use #06557d as a primary background color for professional software or finance dashboards where you need to convey stability and trust. Because of its significant depth, it provides high-contrast readability when paired with clean, white typography or light icon sets.
What colors complement #06557d for a balanced scheme?
This deep blue pairs effectively with neutral tones or light metallic shades to maintain professional clarity. For a more dynamic interface, you can accent it with muted amber or soft gold to provide a sophisticated pop against the dark background.
Is #06557d readable on white or black?
#06557d has a 8.06:1 contrast ratio on white and 2.60: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.