#E82226 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands immediate attention, making it ideal for call-to-action buttons or emergency alerts. Because the hex code #e82226 is so saturated, it overwhelms the eye if used as a large background. Instead, reserve it for small, high-impact accents. It pairs effectively with cool, dark grays to ground its aggressive energy and ensure the layout remains balanced.
Questions about #e82226
What is #e82226 in RGB, HSL and CMYK?
In RGB, #e82226 is rgb(232, 34, 38), in HSL hsl(359, 81%, 52%) and in CMYK 0%, 85%, 84%, 9%.
How do I best use #e82226 in a professional layout?
Use #e82226 as a strategic accent rather than a background color to keep your interface usable. It works exceptionally well on small elements like buttons or notification badges, especially when paired with charcoal or dark neutral text to anchor its intensity.
Does #e82226 work well for large-scale web designs?
Generally, avoid using #e82226 across large areas as its high saturation will quickly overwhelm the viewer and cause eye strain. If you need a red background, consider desaturating the color or using it sparingly within iconography to maintain visual comfort.
Is #e82226 readable on white or black?
#e82226 has a 4.47:1 contrast ratio on white and 4.68: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.