#EA1DCA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity magenta commands attention with extreme saturation. It feels loud and artificial, making it perfect for small accents that need to pop against dark charcoal or muted grays. Avoid using #ea1dca as a large background, as its intensity quickly overwhelms the eye. Because black text maintains a high contrast ratio against this hue, it remains legible when used for buttons or headers. The hex code is #ea1dca.
Questions about #ea1dca
What is #ea1dca in RGB, HSL and CMYK?
In RGB, #ea1dca is rgb(234, 29, 202), in HSL hsl(309, 83%, 52%) and in CMYK 0%, 88%, 14%, 8%.
How should I use #ea1dca in a design layout?
#ea1dca is extremely saturated and artificial, making it best suited for small UI elements like buttons or notification badges. Avoid using it for large backgrounds or long text blocks, as its high-intensity nature quickly overwhelms the user and causes eye strain.
What colors pair well with #ea1dca for balance?
This magenta balances best when paired with neutral, grounding tones like charcoal or deep, muted grays. These darker, desaturated colors provide a stable contrast that allows #ea1dca to pop without competing for visual dominance in your overall design system.
Is #ea1dca readable on white or black?
#ea1dca has a 3.79:1 contrast ratio on white and 5.52: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.