#162A74 Hex Color

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

Hex color #162a74 graphic
This deep navy carries an authoritative weight perfect for corporate branding. The hex code #162a74 provides a stable, grounding foundation that works well for large UI backgrounds. Because it is highly saturated and dark, it accommodates white text easily, ensuring accessible, high-contrast layouts. To avoid a monochromatic feel, pair this shade with muted ochre or cream accents to introduce a balanced, modern touch to your palette.

Questions about #162a74

What is #162a74 in RGB, HSL and CMYK?
In RGB, #162a74 is rgb(22, 42, 116), in HSL hsl(227, 68%, 27%) and in CMYK 81%, 64%, 0%, 55%.
What colors pair well with #162a74?
The strong, saturated nature of #162a74 benefits from the addition of warmer, lighter tones to prevent a flat, monochromatic appearance. Try pairing it with ochre or soft cream to create a balanced, modern contrast that remains readable and visually engaging.
Is #162a74 readable on white or black?
#162a74 has a 12.98:1 contrast ratio on white and 1.61: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.