#2E27D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, electric blue sits on the colder side of the spectrum, carrying a weight that feels serious and authoritative. Because it is highly saturated, #2e27d1 works best as a bold accent or a primary brand color rather than a full-page background. Pair it with crisp white text for excellent readability, or use it alongside soft grays to ground its energetic, almost synthetic personality.
Questions about #2e27d1
What is #2e27d1 in RGB, HSL and CMYK?
In RGB, #2e27d1 is rgb(46, 39, 209), in HSL hsl(242, 69%, 49%) and in CMYK 78%, 81%, 0%, 18%. Browse more shades of blue with names and hex codes.
How should I use #2e27d1 in a UI design?
#2e27d1 functions best as a high-impact accent color rather than a dominant background hue, which can overwhelm the viewer. Use it sparingly for call-to-action buttons or highlights against a neutral palette, ensuring plenty of negative space remains to balance its electric intensity.
What colors pair well with #2e27d1 for a balanced palette?
To ground the synthetic energy of #2e27d1, pair it with soft, desaturated tones like slate gray or warm off-whites. These muted neutrals provide the necessary contrast to let the vibrancy of the blue shine without causing visual fatigue in your layouts.
Is #2e27d1 readable on white or black?
#2e27d1 has a 9.02:1 contrast ratio on white and 2.32: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 is too faint for text. Try other pairs in the contrast checker.