#E522E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and aggressively bright, #e522e5 demands immediate attention. This electric shade works best as a punchy accent color in UI design, as its intensity can quickly overwhelm when used in large blocks. Pair it with dark, muted charcoals to ground the neon energy. Because of its high visibility, the hex code #e522e5 remains a reliable choice for call-to-action buttons that need to cut through a cluttered layout.
Questions about #e522e5
What is #e522e5 in RGB, HSL and CMYK?
In RGB, #e522e5 is rgb(229, 34, 229), in HSL hsl(300, 79%, 52%) and in CMYK 0%, 85%, 0%, 10%.
How do I best use #e522e5 in UI design?
This hex color is best reserved for small, high-impact elements like call-to-action buttons or status indicators because its intensity can easily overwhelm layouts. Balance the aggressive vibrancy by pairing it with charcoal or deep, dark neutral backgrounds.
Is #e522e5 a warm or cool color?
#e522e5 leans toward the cool side of the spectrum because of its high blue content, which gives it a sharp, neon character. This makes it pop aggressively when placed against warmer, earthier tones that lack this specific electric intensity.
Is #e522e5 readable on white or black?
#e522e5 has a 3.68:1 contrast ratio on white and 5.69:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.