#003045 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusky, desaturated navy leans into a cold, professional aesthetic. Because #003045 is quite dark, it provides excellent contrast for white text, making it a reliable choice for UI backgrounds and authoritative branding. It performs best as a dominant foundation rather than an accent. Pair this grounded blue with warm gold or soft cream to prevent it from feeling too gloomy.
Questions about #003045
What is #003045 in RGB, HSL and CMYK?
In RGB, #003045 is rgb(0, 48, 69), in HSL hsl(198, 100%, 14%) and in CMYK 100%, 30%, 0%, 73%.
What colors pair well with the #003045 navy blue?
Is #003045 suitable for body text or background use?
#003045 serves as an excellent, authoritative background color for UI interfaces because it provides strong, high-legibility contrast for white or light-toned typography. It is generally too dark for use as body text itself, where it would lack sufficient contrast against most standard page backgrounds.
Is #003045 readable on white or black?
#003045 has a 13.91:1 contrast ratio on white and 1.50: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.