#0045C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated shade carries a serious and authoritative weight. It works best as a primary branding color or a bold UI accent, as the high chroma can overwhelm large backgrounds. Because white text provides excellent readability at a 7.9:1 contrast ratio, use it for functional areas like navigation bars or buttons. The hex code for this powerful, confident blue is #0045c4.
Questions about #0045c4
What is #0045c4 in RGB, HSL and CMYK?
In RGB, #0045c4 is rgb(0, 69, 196), in HSL hsl(219, 100%, 38%) and in CMYK 100%, 65%, 0%, 23%.
What makes #0045c4 effective for UI design?
#0045c4 offers a 7.9:1 contrast ratio against white text, ensuring high readability for functional elements like buttons or navigation bars. Its saturation grabs attention without sacrificing clarity, making it a reliable choice for professional interfaces that require a serious, trustworthy tone.
Which colors pair well with #0045c4?
Use #0045c4 alongside light gray to ground the intense blue without reducing its impact. For a complementary look, accenting with a warm golden yellow creates a vibrant, professional balance that keeps the design feeling energetic yet controlled.
Is #0045c4 readable on white or black?
#0045c4 has a 7.92:1 contrast ratio on white and 2.64: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.