#003B70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated blue communicates authority and professional stability. Because of its deep tone, #003b70 acts as a solid base for corporate branding or moody UI backgrounds. It maintains excellent legibility with white text, providing an 11.3:1 contrast ratio that works well for small body copy. Pair it with soft creams or warm grays to prevent the overall design from feeling too cold or severe.
Questions about #003b70
What is #003b70 in RGB, HSL and CMYK?
In RGB, #003b70 is rgb(0, 59, 112), in HSL hsl(208, 100%, 22%) and in CMYK 100%, 47%, 0%, 56%.
How can I balance the intensity of #003b70 in a layout?
Pair #003b70 with soft creams or neutral light grays to soften its severe, authoritative impact. Using these lighter, warmer tones prevents the deep blue from feeling cold while maintaining the professional structure essential for corporate or editorial design projects.
Is #003b70 a suitable choice for body text on a white background?
Yes, #003b70 provides an 11.3:1 contrast ratio against white, which easily exceeds WCAG requirements for readability. It acts as an effective, softer alternative to pure black text, ensuring long-form content remains comfortable to read without causing unnecessary eye strain for users.
Is #003b70 readable on white or black?
#003b70 has a 11.29:1 contrast ratio on white and 1.85: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.