#E50022 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation red demands immediate attention. Because it is so loud, use the hex code #e50022 sparingly as a 10% accent for call-to-action buttons rather than a background color. It offers strong contrast for white text, ensuring readability in UI design. Pair it with dark charcoals to ground its aggressive energy and prevent visual fatigue in your layouts.
Questions about #e50022
What is #e50022 in RGB, HSL and CMYK?
In RGB, #e50022 is rgb(229, 0, 34), in HSL hsl(351, 100%, 45%) and in CMYK 0%, 100%, 85%, 10%.
How should I use #e50022 in a website layout?
Apply #e50022 as a high-contrast accent color for buttons or notification badges rather than a background. Because of its aggressive energy, it works best when paired with charcoal or dark gray text to ground the design.
Is #e50022 readable on white or black?
#e50022 has a 4.82:1 contrast ratio on white and 4.35: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.