#031C75 Hex Color

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

Hex color #031c75 graphic
This saturated, deep navy carries a formal weight that works well for branding in finance or technology. Because it is quite dark, the hex code #031c75 offers excellent legibility for white text at a high contrast ratio of 14.7:1. Use it as a solid background color for professional interfaces, but pair it with crisp creams or soft golds to prevent the design from feeling too cold.

Questions about #031c75

What is #031c75 in RGB, HSL and CMYK?
In RGB, #031c75 is rgb(3, 28, 117), in HSL hsl(227, 95%, 24%) and in CMYK 97%, 76%, 0%, 54%.
What colors pair best with #031c75 for balanced design?
#031c75 works best when contrasted against warm, soft neutrals to prevent the overall design from feeling overly cold. Pair it with crisp cream or muted gold to add visual warmth and elegance without sacrificing the deep navy's formal authority.
Why is #031c75 an effective choice for text-heavy interfaces?
This deep navy offers exceptional legibility, achieving a high contrast ratio of 14.7:1 when placed behind white text. This makes it a reliable background choice for financial or technical dashboards where readability and professional clarity are the primary functional goals.
Is #031c75 readable on white or black?
#031c75 has a 14.71:1 contrast ratio on white and 1.42: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.