#162174 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep blue carries a heavy, serious weight that works best as a primary background color for corporate or tech interfaces. Because it offers high contrast with white text, it ensures excellent readability for UI layouts. The hex code #162174 pairs surprisingly well with muted gold accents to cut through its cold, authoritative mood without losing stability.
Questions about #162174
What is #162174 in RGB, HSL and CMYK?
In RGB, #162174 is rgb(22, 33, 116), in HSL hsl(233, 68%, 27%) and in CMYK 81%, 72%, 0%, 55%.
Does #162174 work well for text-heavy interfaces?
#162174 serves as an excellent, high-contrast base for white or very light text, which is essential for maintaining readability in professional UI design. It provides a stable, grounding presence that reduces eye strain compared to pure black backgrounds.
What colors should I pair with #162174 to add warmth?
You can offset the cold, authoritative nature of #162174 by pairing it with muted gold or soft cream accents. These warmer tones break up the visual weight of the blue without undermining its inherent sense of corporate stability.
Is #162174 readable on white or black?
#162174 has a 13.96:1 contrast ratio on white and 1.50: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.