#3A5FC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This punchy, saturated blue commands attention without feeling aggressive. Because of its intensity, #3a5fc4 works best as a bold accent or a high-impact call to action rather than a dominant background. White text sits comfortably on this shade, making it a reliable choice for UI elements. If you are mixing gray to balance its coolness, this primary blue provides a strong starting point for your palette.
Questions about #3a5fc4
What is #3a5fc4 in RGB, HSL and CMYK?
In RGB, #3a5fc4 is rgb(58, 95, 196), in HSL hsl(224, 54%, 50%) and in CMYK 70%, 52%, 0%, 23%.
What makes #3a5fc4 effective for UI design?
The intense saturation of #3a5fc4 creates a strong visual hierarchy, making it an excellent choice for primary call-to-action buttons or highlights. Because it maintains high contrast against white, designers find it reliable for clean, modern interfaces that demand immediate attention.
What neutral colors balance the intensity of #3a5fc4?
You can temper the brightness of #3a5fc4 by pairing it with a cool charcoal or a soft light gray. These neutral backgrounds prevent the blue from becoming overwhelming while allowing the color to remain the focal point of the overall design palette.
Is #3a5fc4 readable on white or black?
#3a5fc4 has a 5.81:1 contrast ratio on white and 3.61: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.