#164F7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted navy delivers a sense of serious authority and professional stability. Because it is desaturated, #164f7f avoids the harshness of brighter blues, making it an excellent anchor for corporate or financial UI designs. It provides high contrast for white text, so it works well as a primary background. Pair it with soft creams if you need what colors make gray to balance the overall palette.
Questions about #164f7f
What is #164f7f in RGB, HSL and CMYK?
In RGB, #164f7f is rgb(22, 79, 127), in HSL hsl(207, 70%, 29%) and in CMYK 83%, 38%, 0%, 50%.
What colors pair best with #164f7f for a balanced interface?
This deep navy works exceptionally well alongside soft, desaturated creams or warm off-whites, which soften its inherent authority without sacrificing readability. You can also ground the palette by using charcoal for secondary text or accents, which keeps the visual hierarchy clean and focused.
Is #164f7f suitable for large background areas in web design?
Yes, #164f7f is an excellent choice for full-page backgrounds because its desaturated nature avoids the eye-straining intensity often found in pure or royal blues. It provides a natural high-contrast base for white or light-toned typography, ensuring your interface remains accessible and professional.
Is #164f7f readable on white or black?
#164f7f has a 8.54:1 contrast ratio on white and 2.45: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.