#2E6AFE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and intense, this blue demands attention. Because #2e6afe reads so strongly, it works best as a punchy accent or primary call-to-action button rather than a large background. It pairs cleanly with stark whites or light grays for high-contrast UI layouts. For projects requiring less intensity, consider browsing other shades of blue to find a more balanced alternative. The hex code for this vivid blue is #2e6afe.
Questions about #2e6afe
What is #2e6afe in RGB, HSL and CMYK?
In RGB, #2e6afe is rgb(46, 106, 254), in HSL hsl(223, 99%, 59%) and in CMYK 82%, 58%, 0%, 0%.
How should I use #2e6afe in web design?
#2e6afe works best as a sharp, punchy accent color for primary buttons or notification badges. Because it is so saturated, avoid using it as a large background fill, as it may overwhelm the user interface or create accessibility issues.
What colors pair well with #2e6afe?
Pair #2e6afe with crisp, neutral shades like white or light gray to let the blue dominate. For a balanced composition, combine it with a muted charcoal for text or a soft off-white to ground the intensity.
Is #2e6afe readable on white or black?
#2e6afe has a 4.55:1 contrast ratio on white and 4.60: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 for body text. Try other pairs in the contrast checker.