#003673 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated blue feels authoritative and grounded. #003673 works best as a primary background for corporate interfaces or formal branding that requires high contrast. It pairs well with crisp white text, which achieves an 11.8:1 contrast ratio, ensuring excellent readability for body copy. Because of its deep tone, use this hex code as a dominant base to establish stability and professional trust in your designs.
Questions about #003673
What is #003673 in RGB, HSL and CMYK?
In RGB, #003673 is rgb(0, 54, 115), in HSL hsl(212, 100%, 23%) and in CMYK 100%, 53%, 0%, 55%.
What colors pair best with #003673 for UI design?
Is #003673 suitable for text-heavy corporate backgrounds?
Yes, #003673 serves as a highly legible dark base because it avoids being completely black while maintaining intense depth. It establishes immediate trust and authority, making it a reliable choice for dashboards or landing pages where you need to guide user focus through high-contrast visual hierarchy.
Is #003673 readable on white or black?
#003673 has a 11.82:1 contrast ratio on white and 1.77: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.