#E222A9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e222a9 graphic
Bright and highly saturated, #e222a9 is a bold magenta with a slightly purple undertone. Its lightness keeps it playful rather than heavy. Use it as a focused accent for calls to action, cosmetics, fashion, or nightlife beside navy, charcoal, or soft peach. Black text reads clearly at about a 5.0:1 contrast ratio. The hex code for this color is #e222a9.

Questions about #e222a9

What is #e222a9 in RGB, HSL and CMYK?
In RGB, #e222a9 is rgb(226, 34, 169), in HSL hsl(318, 77%, 51%) and in CMYK 0%, 85%, 25%, 11%.
What colors pair well with #e222a9?
Navy, charcoal, and soft peach pair well with #e222a9, balancing its vivid magenta energy without competing for attention; navy and charcoal create grounded contrast, while soft peach adds a warmer, more playful direction for fashion, beauty, and nightlife designs.
Does #e222a9 work with black text?
#e222a9 generally supports black text at about a 5.0:1 contrast ratio, making it a practical choice for readable labels and short text, though checking the final font size and weight is still important for accessibility.
Is #e222a9 readable on white or black?
#e222a9 has a 4.17:1 contrast ratio on white and 5.03: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.