#164E70 Hex Color

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

Hex color #164e70 graphic
#164e70 is a muted, deep blue with cool, desaturated undertones. It carries a heavy, serious weight, making it a reliable choice for corporate or institutional branding where professionalism is key. This hex code provides excellent contrast for white text, achieving an 8.9:1 ratio. Designers should use it as a solid background color rather than a small accent to let its grounded character hold the interface together.

Questions about #164e70

What is #164e70 in RGB, HSL and CMYK?
In RGB, #164e70 is rgb(22, 78, 112), in HSL hsl(203, 67%, 26%) and in CMYK 80%, 30%, 0%, 56%. Browse more shades of blue with names and hex codes.
How should I use #164e70 in UI design?
#164e70 performs best as a solid background color rather than a small accent, as its grounded character acts as an anchor for the interface. Because it achieves an 8.9:1 contrast ratio against white text, it ensures high readability for professional applications.
What colors pair well with #164e70?
This deep blue pairs naturally with neutral tones like soft light gray or cream to maintain its serious, corporate mood. For a brighter interface, consider adding subtle touches of mint to create a clean, modern, and balanced aesthetic.
Is #164e70 readable on white or black?
#164e70 has a 8.90:1 contrast ratio on white and 2.35: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.