#3A4AF8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a4af8 is a highly saturated, electric blue that demands attention. Because it is so vivid, it works best as a 10% accent or call to action rather than a background color. It pairs surprisingly well with muted oranges or warm grays for balance. Since white text maintains a strong 6.0:1 contrast against this hex code, it remains readable even when used for smaller UI elements.
Questions about #3a4af8
What is #3a4af8 in RGB, HSL and CMYK?
In RGB, #3a4af8 is rgb(58, 74, 248), in HSL hsl(235, 93%, 60%) and in CMYK 77%, 70%, 0%, 3%.
How can I effectively use #3a4af8 in user interface design?
#3a4af8 functions best as a focused 10% accent rather than a primary background color due to its extreme saturation. Use this vibrant blue for call-to-action buttons or small UI notifications to ensure it draws the user's eye without causing visual fatigue.
What colors pair well with the electric blue of #3a4af8?
This blue creates a balanced and professional contrast when paired with muted oranges or warm grays. The high saturation of #3a4af8 can easily overwhelm a design, so placing it against neutral tones prevents the color from feeling too chaotic or aggressive.
Is #3a4af8 readable on white or black?
#3a4af8 has a 5.97:1 contrast ratio on white and 3.51: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.