#0050B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue carries high intensity and professional weight, making it a natural fit for security or finance branding. Because it creates excellent contrast with white text, #0050b3 works well as a dominant base for UI backgrounds. While it pairs cleanly with cool grays, avoid using it as a large-scale solid block, where it can overpower other design elements. Learn more about mixing blue to adjust the shade.
Questions about #0050b3
What is #0050b3 in RGB, HSL and CMYK?
In RGB, #0050b3 is rgb(0, 80, 179), in HSL hsl(213, 100%, 35%) and in CMYK 100%, 55%, 0%, 30%.
How should I use #0050b3 in interface design?
#0050b3 works exceptionally well as a primary button color or as a base for interactive elements due to its high contrast against white. Because of its intensity, avoid using this as a large-scale solid background to prevent overwhelming the user interface.
What colors pair best with #0050b3?
This deep blue pairs naturally with neutral cool grays or crisp whites to maintain a professional, clean aesthetic. For a more modern or energetic look, you can balance it with soft creams or desaturated teals to avoid visual clutter.
Is #0050b3 readable on white or black?
#0050b3 has a 7.50:1 contrast ratio on white and 2.79: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.