#3149E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated blue commands attention with its intense, electric character. Because of its sheer brightness, #3149e4 works best as a punchy accent or a call to action rather than a large background. Pair it with soft light grays to ground the visual noise. With a 6.6:1 contrast ratio against white text, the hex code #3149e4 ensures excellent readability for UI buttons and navigation elements.
Questions about #3149e4
What is #3149e4 in RGB, HSL and CMYK?
In RGB, #3149e4 is rgb(49, 73, 228), in HSL hsl(232, 77%, 54%) and in CMYK 79%, 68%, 0%, 11%. Browse more shades of blue with names and hex codes.
Where should I use #3149e4 in a web interface?
#3149e4 is most effective for high-priority interactive elements like primary call-to-action buttons or navigation highlights. Because of its intense, high-saturation profile, it quickly draws the eye without needing large surface areas, keeping your interface clean and intentional.
What colors pair well with #3149e4 for balanced design?
This blue balances best when paired with neutral, low-contrast tones such as cool gray or soft off-white backgrounds. These neutrals prevent the vibrant energy of #3149e4 from overwhelming the design while maintaining excellent legibility and a professional visual hierarchy.
Is #3149e4 readable on white or black?
#3149e4 has a 6.55:1 contrast ratio on white and 3.20: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.