#ED23C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation magenta commands attention immediately. Because of its extreme brightness, #ed23c4 functions best as a small accent or call-to-action button rather than a large background. It pairs surprisingly well with dark teals or deep grays, which ground its electric energy. The hex code for this bold, flashy color is #ed23c4, and black text provides the necessary contrast for readability.
Questions about #ed23c4
What is #ed23c4 in RGB, HSL and CMYK?
In RGB, #ed23c4 is rgb(237, 35, 196), in HSL hsl(312, 85%, 53%) and in CMYK 0%, 85%, 17%, 7%.
What colors pair well with the intense #ed23c4 magenta?
Use deep, neutral tones to balance the brightness of #ed23c4. It looks sophisticated when paired with charcoal or deep navy blue, as these dark tones ground the electric energy, while a crisp off-white helps the color pop without overwhelming the layout.
Is #ed23c4 a good choice for large text or backgrounds?
Avoid using #ed23c4 for large text blocks or full-screen backgrounds because the high saturation causes eye strain. Its aggressive brightness makes it highly effective as a small, focused accent, like an icon or a call-to-action button, where it demands immediate attention.
Is #ed23c4 readable on white or black?
#ed23c4 has a 3.72:1 contrast ratio on white and 5.63: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.