#EA2712 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation #ea2712 is a powerful red that demands attention. Because it is so vivid, avoid using it as a full-page background, as it quickly becomes overwhelming to the eye. This shade works best as a 10 percent accent color for high-impact buttons or error states. Pair it with deep charcoal or slate gray to ground the intensity. The hex code for this bold red is #ea2712.
Questions about #ea2712
What is #ea2712 in RGB, HSL and CMYK?
In RGB, #ea2712 is rgb(234, 39, 18), in HSL hsl(6, 86%, 49%) and in CMYK 0%, 83%, 92%, 8%.
How can I effectively use #ea2712 in a user interface?
Since #ea2712 is extremely saturated, reserve it for small, high-impact elements like critical error messages, call-to-action buttons, or notification badges. Pairing it with a neutral charcoal or slate background helps to ground the intensity and ensures readability.
Does #ea2712 work well as a primary background color?
Avoid using #ea2712 as a full-page background because the high saturation creates significant eye strain and vibration when viewed on screens. It is far more effective when used as a bold, intentional accent that draws the eye toward specific interactive components.
Is #ea2712 readable on white or black?
#ea2712 has a 4.37:1 contrast ratio on white and 4.79: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.