#E20996 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-octane pink, #e20996 commands immediate attention with its intense saturation. This color is far too loud for large backgrounds, but it acts as a powerful 10% accent in UI buttons or calls to action. It pairs unexpectedly well with deep charcoal grays to ground its energy. For softer or deeper purple tones, check our related palettes. The hex code for this vivid shade is #e20996.
Questions about #e20996
What is #e20996 in RGB, HSL and CMYK?
In RGB, #e20996 is rgb(226, 9, 150), in HSL hsl(321, 92%, 46%) and in CMYK 0%, 96%, 34%, 11%.
How do I use #e20996 effectively in a design?
Treat #e20996 as a high-impact accent color rather than a primary background to avoid overwhelming the viewer. It functions best when reserved for small UI elements like buttons or notification badges against charcoal or deep neutral backgrounds.
What colors pair well with #e20996?
Because #e20996 is so highly saturated, it relies on grounded, muted tones to create visual balance. Pair it with dark grays like charcoal or soft whites to ensure the pink remains the focal point without causing eye strain.
Is #e20996 readable on white or black?
#e20996 has a 4.45:1 contrast ratio on white and 4.71: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.