#164F87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, deep navy, #164f87 projects seriousness and restraint. Because of its cool, unsaturated character, it serves as a reliable anchor for corporate, financial, or tech interfaces. It provides excellent readability for small body text when paired with white, maintaining a strong 8.4:1 contrast ratio. Use this hex code as a stable background color rather than an accent to capture its quiet, grounded authority.
Questions about #164f87
What is #164f87 in RGB, HSL and CMYK?
In RGB, #164f87 is rgb(22, 79, 135), in HSL hsl(210, 72%, 31%) and in CMYK 84%, 41%, 0%, 47%.
Where does #164f87 work best in UI design?
Because of its high contrast and professional mood, #164f87 is a perfect anchor for corporate dashboards, financial apps, or technical interfaces. It provides a stable background that keeps small white text readable, ensuring your content remains clear and accessible on any screen.
Which colors create a harmonious palette with #164f87?
This deep navy pairs effectively with light, neutral tones like soft-gray to maintain focus, or you can add a warm pop of terracotta for a balanced, sophisticated contrast. Stick to cooler, desaturated complementary colors to preserve the restrained authority of the original shade.
Is #164f87 readable on white or black?
#164f87 has a 8.39:1 contrast ratio on white and 2.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.