#EC1E28 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and intense, #ec1e28 is an aggressive, attention-grabbing shade that demands presence. Because this red can quickly overwhelm a UI if overused, treat it strictly as an accent color for calls to action or urgent alerts. It pairs surprisingly well with dark charcoal grays, which ground its extreme brightness. The hex code for this powerful red is #ec1e28, and it remains readable with black text.
Questions about #ec1e28
What is #ec1e28 in RGB, HSL and CMYK?
In RGB, #ec1e28 is rgb(236, 30, 40), in HSL hsl(357, 84%, 52%) and in CMYK 0%, 87%, 83%, 7%.
How should I use #ec1e28 in a web design interface?
Use #ec1e28 as a high-contrast accent to highlight buttons, errors, or critical alerts. Because it is so saturated, avoid using it for large background areas or body text, as it quickly fatigues the eye and overwhelms the user interface.
Which colors pair best with #ec1e28 for a balanced palette?
Pair #ec1e28 with deep charcoal or near-black shades to ground its intensity and improve readability. If you need lighter combinations, stick to neutral grays or soft off-whites, which prevent the color from feeling too chaotic or visually vibrating against the design.
Is #ec1e28 readable on white or black?
#ec1e28 has a 4.39:1 contrast ratio on white and 4.78: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.