#042C4C Hex Color

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

Hex color #042c4c graphic
This dark, desaturated navy projects authority and technical stability. The hex code for this shade is #042c4c. It serves as an excellent base for corporate UI backgrounds where you need high contrast. Pair it with crisp white text to take advantage of its 14.3:1 ratio, but avoid using it for thin, fine lines where the heavy depth can make detail appear muddy.

Questions about #042c4c

What is #042c4c in RGB, HSL and CMYK?
In RGB, #042c4c is rgb(4, 44, 76), in HSL hsl(207, 90%, 16%) and in CMYK 95%, 42%, 0%, 70%. Browse more shades of blue with names and hex codes.
How can I effectively use #042c4c in a website layout?
#042c4c works best as a primary background for corporate dashboards or landing pages where you need to project serious, technical authority. Pair it with crisp white typography to ensure the high-contrast ratio remains readable for all users.
Does #042c4c look better with warm or cool accent colors?
Because #042c4c is a deep, cool navy, it pairs beautifully with warm, desaturated metallics like gold or copper for a luxury feel. For a more modern, tech-focused palette, try incorporating teal or silver to complement its steely undertones.
Is #042c4c readable on white or black?
#042c4c has a 14.28:1 contrast ratio on white and 1.46: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.