#4E5BE6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet-blue carries high intensity and electrical energy. It works best as an accent or call to action button rather than a dominant background. White text sits comfortably on top, offering strong accessibility for interface elements. Because this tone is visually loud, reserve #4e5be6 for moments needing immediate focus. The hex code is #4e5be6.
Questions about #4e5be6
What is #4e5be6 in RGB, HSL and CMYK?
In RGB, #4e5be6 is rgb(78, 91, 230), in HSL hsl(235, 75%, 60%) and in CMYK 66%, 60%, 0%, 10%.
How should I use #4e5be6 in interface design?
Reserve #4e5be6 for high-priority interactive elements like primary call-to-action buttons or notification badges. Because it is visually loud, it can overwhelm a layout if used as a background color, but it provides excellent contrast against white or light gray surfaces for readability.
Does #4e5be6 work well with dark themes?
This color maintains strong luminosity, which allows it to pop against dark charcoal or near-black backgrounds. When paired with darker themes, it retains its electrical energy, making it a sophisticated choice for glowing accents or active states in software interfaces.
Is #4e5be6 readable on white or black?
#4e5be6 has a 5.29:1 contrast ratio on white and 3.96: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.