#004456 Hex Color

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

Hex color #004456 graphic
#004456 is a moody, desaturated teal with heavy gray undertones. Because it sits on the darker end of the spectrum, it serves as a grounded base for tech or aerospace interfaces. Pair it with crisp white text to take advantage of its high 10.7:1 contrast ratio. Avoid using it as a large-scale background unless you want a somber, cinematic aesthetic.

Questions about #004456

What is #004456 in RGB, HSL and CMYK?
In RGB, #004456 is rgb(0, 68, 86), in HSL hsl(193, 100%, 17%) and in CMYK 100%, 21%, 0%, 66%. Browse more shades of blue with names and hex codes.
When is #004456 best used in UI design?
Use #004456 primarily as a high-contrast foundation for professional tech or aerospace applications. It functions best as an anchoring element for text-heavy interfaces rather than a large-scale background, which can quickly feel somber or too dark for the user.
Which colors pair well with #004456?
Pair #004456 with crisp whites to maintain high legibility due to its heavy gray undertones. For accents, introduce a soft cream or a bright amber to cut through the darkness and create visual interest without overwhelming the sophisticated aesthetic.
Is #004456 readable on white or black?
#004456 has a 10.70:1 contrast ratio on white and 1.96: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.