#EF5DF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity magenta screams for attention. As a saturated neon, #ef5df4 is far too loud for large backgrounds but makes a powerful accent color for calls to action or UI highlights. Pair it with deep charcoal or black text for optimal readability. The hex code #ef5df4 provides high contrast, making it a reliable choice for buttons or bold graphic details where you need immediate visual impact.
Questions about #ef5df4
What is #ef5df4 in RGB, HSL and CMYK?
In RGB, #ef5df4 is rgb(239, 93, 244), in HSL hsl(298, 87%, 66%) and in CMYK 2%, 62%, 0%, 4%.
How should I use #ef5df4 effectively in UI design?
Use #ef5df4 sparingly as an accent color for primary call-to-action buttons, active states, or notification badges to capture attention. Because of its extreme saturation, avoid using it for large backgrounds or body text, as it will cause significant eye strain.
What colors pair best with #ef5df4 for balance?
To ground this high-energy magenta, pair it with deep, neutral tones like charcoal or very dark navy. These dark, low-saturation backgrounds provide the necessary contrast to make #ef5df4 pop without overwhelming the user interface or sacrificing readability.
Is #ef5df4 readable on white or black?
#ef5df4 has a 2.78:1 contrast ratio on white and 7.54:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.