#2E57FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and unapologetically loud, #2e57ff commands immediate attention. This electric blue works best as a sharp accent rather than a background, where its intensity can overwhelm a layout. It pairs effectively with clean white text to ensure readability, making it a reliable choice for high-impact calls to action or UI highlights. The hex code for this bold tone is #2e57ff.
Questions about #2e57ff
What is #2e57ff in RGB, HSL and CMYK?
In RGB, #2e57ff is rgb(46, 87, 255), in HSL hsl(228, 100%, 59%) and in CMYK 82%, 66%, 0%, 0%.
Where should I use #2e57ff in a digital interface?
#2e57ff is best reserved for interactive elements like primary buttons, notification badges, or focused highlights where you need immediate user attention. Because it is so intense, avoid using it for large background areas or body text as it can cause significant eye strain.
What colors pair well with #2e57ff?
This electric blue works best against clean, neutral backdrops like off-white or light gray to maintain legibility. For a more sophisticated look, it pairs beautifully with deep charcoal or dark navy, which grounds the high-energy saturation of the blue.
Is #2e57ff readable on white or black?
#2e57ff has a 5.35:1 contrast ratio on white and 3.92: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.