#E557B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid magenta demands attention with its high saturation and intensity. It works best as an accent color for calls to action or UI highlights rather than a full background. Pair this color with dark charcoal for a sophisticated contrast. Because of its strength, black text remains highly legible against it. The hex code for this bold, energetic shade is #e557b2.
Questions about #e557b2
What is #e557b2 in RGB, HSL and CMYK?
In RGB, #e557b2 is rgb(229, 87, 178), in HSL hsl(322, 73%, 62%) and in CMYK 0%, 62%, 22%, 10%.
What colors pair best with the #e557b2 magenta?
Because #e557b2 is so intense, it pairs beautifully with neutral foundations like deep charcoal or cool slate gray, which balance its high energy. For a more adventurous scheme, soft teal tones provide a dynamic, high-contrast complement that makes this magenta really pop on screen.
Is #e557b2 suitable for UI elements or background text?
This color is far too vibrant to use as a primary background for large blocks of text, as it will quickly cause eye strain. However, it is highly effective for critical interface highlights like call-to-action buttons where you need to draw the user's immediate attention.
Is #e557b2 readable on white or black?
#e557b2 has a 3.31:1 contrast ratio on white and 6.33: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.