#003BB0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, high-contrast blue, #003bb0 brings an authoritative presence to UI designs and corporate branding. It serves best as a dominant base color rather than a subtle accent. While it creates excellent readability with white text, try pairing it with mustard yellow to temper the intensity. The hex code for this primary tone is #003bb0, one of the many deeper blue tones available for professional layouts.
Questions about #003bb0
What is #003bb0 in RGB, HSL and CMYK?
In RGB, #003bb0 is rgb(0, 59, 176), in HSL hsl(220, 100%, 35%) and in CMYK 100%, 66%, 0%, 31%.
How can I use #003bb0 effectively in a UI design?
Use #003bb0 as a dominant primary color for buttons or headers to establish authority, but balance its intensity by using plenty of white space. It pairs effectively with a muted mustard to soften the overall visual impact.
Is #003bb0 readable on white or black?
#003bb0 has a 9.32:1 contrast ratio on white and 2.25: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.