#003080 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated navy carries a heavy, serious weight. Because #003080 lacks bright highlights, it serves best as a dominant 60% base for corporate or law enforcement branding rather than a small accent. It offers excellent contrast for white text, making it a functional choice for readable UI headers. Pair it with soft cream or slate gray to soften its rigid, authoritative character.
Questions about #003080
What is #003080 in RGB, HSL and CMYK?
In RGB, #003080 is rgb(0, 48, 128), in HSL hsl(218, 100%, 25%) and in CMYK 100%, 63%, 0%, 50%.
What colors pair well with #003080?
#003080 is a powerful, dark navy that benefits from softening elements to keep it from feeling too rigid. It pairs exceptionally well with cream for a sophisticated, classic contrast or slate gray to introduce a modern, industrial neutrality.
Why is #003080 effective for UI headers?
This color provides a high-contrast foundation that makes white text stand out clearly, ensuring readability across digital interfaces. Its serious, saturated tone anchors the page structure, allowing your primary navigation or branding to feel established and trustworthy to the user.
Is #003080 readable on white or black?
#003080 has a 12.10:1 contrast ratio on white and 1.73: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.