#7E45E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7e45e4 is a high-intensity violet that demands attention. Because of its extreme saturation, it works best as a punchy accent or a small CTA rather than a large background. It pairs well against dark grays or charcoal, though you can learn what colors make gray to find the right balance. Its stark brightness makes it excellent for high-contrast UI elements, as it supports white text comfortably.
Questions about #7e45e4
What is #7e45e4 in RGB, HSL and CMYK?
In RGB, #7e45e4 is rgb(126, 69, 228), in HSL hsl(262, 75%, 58%) and in CMYK 45%, 70%, 0%, 11%.
How should I use #7e45e4 in web design?
Apply #7e45e4 primarily as a high-impact accent or call-to-action button color rather than a background shade. Its extreme saturation creates a strong visual anchor against dark charcoal or deep slate backgrounds while remaining fully accessible with white text.
What colors pair well with #7e45e4?
Pair #7e45e4 with neutral, desaturated tones to prevent visual fatigue. It balances effectively against cool, dark grays or a soft cream, which allows the intense violet energy to pop without overwhelming the surrounding layout or content.
Is #7e45e4 readable on white or black?
#7e45e4 has a 5.44:1 contrast ratio on white and 3.85: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.