#004080 Hex Color

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

Select a Color

This dark, saturated navy projects authority and stability. It serves well as a corporate base, pairing effectively with cream or warm gold to balance its cool undertones. The hex code is #004080. Because white text provides 10.3:1 contrast against this dark background, it is a safe choice for readable body text and functional UI elements requiring high clarity.

Questions about #004080

What is #004080 in RGB, HSL and CMYK?

In RGB, #004080 is rgb(0, 64, 128), in HSL hsl(210, 100%, 25%) and in CMYK 100%, 50%, 0%, 50%.

What colors pair best with #004080?

#004080 works best when balanced by warmer tones that soften its intense, cool presence. Pairing this deep navy with cream or gold creates a classic, sophisticated aesthetic that prevents the design from feeling too sterile or clinical.

Is #004080 readable on white or black?

#004080 has a 10.26:1 contrast ratio on white and 2.04: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.

#004080 Hex Color

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

Questions about #004080

Color tools

Resources