#172A55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A deep, unsaturated navy, #172a55 offers a serious and grounded tone for professional interfaces. It functions best as a dominant base color for corporate branding or moody dark mode designs. Because white text creates a strong 14.0:1 contrast ratio, it remains highly readable even with small body copy. Pair this hex code with dusty rose or cream to soften its formal, authoritative presence.
Questions about #172a55
What is #172a55 in RGB, HSL and CMYK?
In RGB, #172a55 is rgb(23, 42, 85), in HSL hsl(222, 57%, 21%) and in CMYK 73%, 51%, 0%, 67%. Browse more shades of blue with names and hex codes.
What design styles suit #172a55?
This deep, unsaturated navy is ideal for corporate branding or minimalist dark mode interfaces where you need a serious, authoritative presence. It creates excellent contrast ratios with white text, ensuring your body copy remains perfectly legible for readers.
Which accent colors work well with #172a55?
Soften the formal, heavy nature of #172a55 by pairing it with warm, muted tones like dusty rose or creamy off-whites. These lighter shades provide a necessary visual break, balancing the intense, grounded energy of this dark navy base.
Is #172a55 readable on white or black?
#172a55 has a 14.01:1 contrast ratio on white and 1.49: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.