#163F96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#163f96 is a deep, authoritative blue that serves as a professional base for corporate UI designs. Because the pigment is highly saturated, white text provides excellent readability against this background. While it can feel intense as a full-page fill, it excels as a secondary brand color. Designers mastering what colors make blue will appreciate the inherent stability of this hex code.
Questions about #163f96
What is #163f96 in RGB, HSL and CMYK?
In RGB, #163f96 is rgb(22, 63, 150), in HSL hsl(221, 74%, 34%) and in CMYK 85%, 58%, 0%, 41%.
How should I use #163f96 in UI design?
Because #163f96 is highly saturated and intense, use it as a primary brand accent or a secondary button color rather than a full-page background. Pairing it with a neutral off-white text ensures maximum readability and a clean, professional aesthetic.
Does #163f96 work well with light colors?
This deep blue provides exceptional contrast against light backgrounds, making it ideal for high-visibility UI elements like buttons or headers. If you need a softer approach, try balancing its intensity with a light silver to maintain a modern, tech-focused look.
Is #163f96 readable on white or black?
#163f96 has a 9.60:1 contrast ratio on white and 2.18: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.