#0A3161 Hex Color
Authoritative dark navy with professional character
This deep, unsaturated navy functions as a sophisticated base for corporate design. It carries an inherent sense of authority and works well for high-contrast dark mode interfaces. Because it offers a 12.9:1 contrast ratio against white text, it remains perfectly readable for users. This hex code, #0a3161, pairs best with soft creams or warm metallic gold accents to soften its intense, serious character.
Questions about #0a3161
What is #0a3161 in RGB, HSL and CMYK?
In RGB, #0a3161 is rgb(10, 49, 97), in HSL hsl(213, 81%, 21%) and in CMYK 90%, 49%, 0%, 62%.
Why is #0a3161 a good choice for dark mode interfaces?
#0a3161 provides a strong 12.9:1 contrast ratio against white text, ensuring high readability for users while avoiding the harshness of pure black. This allows for a comfortable, professional viewing experience in low-light environments.
What colors pair well with #0a3161 to soften its appearance?
To balance the intensity of #0a3161, use soft creams or warm metallic gold accents. These lighter, warmer tones prevent the navy from feeling too cold and add a sophisticated layer of visual interest to your layout.
Is #0a3161 readable on white or black?
#0a3161 has a 12.92:1 contrast ratio on white and 1.62: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.