#312EEB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated blue commands attention with its intense, electric energy. Because it sits on the louder side of the spectrum, #312eeb works best as a striking call to action or a bold accent rather than a full page background. It pairs exceptionally well with clean white text for optimal readability, offering a high-contrast look that feels modern, secure, and professional. The hex code for this shade is #312eeb.
Questions about #312eeb
What is #312eeb in RGB, HSL and CMYK?
In RGB, #312eeb is rgb(49, 46, 235), in HSL hsl(241, 83%, 55%) and in CMYK 79%, 80%, 0%, 8%. Browse more shades of blue with names and hex codes.
How should I use #312eeb in interface design?
Use #312eeb primarily as a high-contrast accent or for call-to-action buttons rather than a background color. Its high saturation works best when balanced against generous amounts of white space, which keeps the visual experience professional and readable for users.
Does #312eeb pair well with other colors?
This electric blue pairs exceptionally well with neutrals like white or light gray to maximize readability and impact. For a more sophisticated contrast, try pairing it with complementary shades like soft orange or light coral to ground its intensity.
Is #312eeb readable on white or black?
#312eeb has a 7.71:1 contrast ratio on white and 2.72: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.