#E554F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet creates instant intensity, commanding attention with its sheer brightness. Because of its high chroma, #e554f5 works best as a sharp, 10% accent rather than a background. Use it to highlight primary calls to action or playful branding elements. Black text remains legible on this hex code, ensuring that your high-energy details maintain full accessibility for all users.
Questions about #e554f5
What is #e554f5 in RGB, HSL and CMYK?
In RGB, #e554f5 is rgb(229, 84, 245), in HSL hsl(294, 89%, 65%) and in CMYK 7%, 66%, 0%, 4%.
What is the best way to use #e554f5 in a design?
#e554f5 acts best as a surgical, high-intensity accent rather than a primary background color. Limit its usage to about 10 percent of your canvas to draw attention to call-to-action buttons or specific playful elements without overwhelming the user's eye.
Is #e554f5 readable on white or black?
#e554f5 has a 3.03:1 contrast ratio on white and 6.91: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.