#ED2A2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ed2a2a is an intense, high-octane red that demands immediate attention. Due to its extreme saturation, it functions best as an accent color rather than a primary background, where it can easily overwhelm the eye. Pair this hex code with dark charcoal or off-white to ground its energy. It remains fully readable with black text, making it a reliable choice for urgent call-to-action buttons.
Questions about #ed2a2a
What is #ed2a2a in RGB, HSL and CMYK?
In RGB, #ed2a2a is rgb(237, 42, 42), in HSL hsl(0, 84%, 55%) and in CMYK 0%, 82%, 82%, 7%.
How can I effectively use #ed2a2a in UI design?
#ed2a2a serves best as an attention-grabbing accent rather than a primary background, which can quickly become overwhelming for users. Use it sparingly for critical call-to-action buttons or status indicators, pairing it with dark charcoal to maintain legibility and visual balance.
What colors complement #ed2a2a?
To ground the intense energy of #ed2a2a, pair it with neutral tones like off-white or deep navy. These combinations create necessary contrast while preventing the high saturation of the red from clashing with the surrounding elements in your color palette.
Is #ed2a2a readable on white or black?
#ed2a2a has a 4.22:1 contrast ratio on white and 4.96: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.