#EB1616 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands immediate attention, making it an ideal choice for bold calls to action and critical UI accents. Because of its extreme saturation, avoid using #eb1616 as a large background color, as it can quickly overwhelm the viewer. Instead, pair it with muted charcoal grays for a modern, grounded contrast. The hex code for this powerful, energetic shade is #eb1616.
Questions about #eb1616
What is #eb1616 in RGB, HSL and CMYK?
In RGB, #eb1616 is rgb(235, 22, 22), in HSL hsl(0, 84%, 50%) and in CMYK 0%, 91%, 91%, 8%.
How should I use #eb1616 in interface design?
Use #eb1616 primarily for critical UI elements like error states, delete buttons, or high-priority calls to action where immediate user attention is required. Its extreme saturation makes it overwhelming as a primary background, so reserve it for small, purposeful highlights.
Which colors pair well with #eb1616?
To balance the intensity of #eb1616, pair it with neutral tones like charcoal or soft off-whites to ground the design. These neutrals provide a clean, modern contrast that keeps the viewer from feeling visually overwhelmed by the bright red.
Is #eb1616 readable on white or black?
#eb1616 has a 4.50:1 contrast ratio on white and 4.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.