#E5223C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, #e5223c demands immediate attention with its high-chroma, aggressive warmth. This shade is too loud for large background areas and works best as a sharp accent for call-to-action buttons or status indicators. Because it carries such heavy visual weight, pair it with muted neutrals or dark grays to keep the composition grounded. The hex code #e5223c supports black text for high-contrast accessibility.
Questions about #e5223c
What is #e5223c in RGB, HSL and CMYK?
In RGB, #e5223c is rgb(229, 34, 60), in HSL hsl(352, 79%, 52%) and in CMYK 0%, 85%, 74%, 10%.
How should I use #e5223c in a UI design?
#e5223c functions best as a high-visibility accent color rather than a primary background shade. It excels for call-to-action buttons or status indicators where you need to draw the eye immediately, provided you balance it against neutral dark grays or off-whites.
Is #e5223c readable on white or black?
#e5223c has a 4.53:1 contrast ratio on white and 4.62: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.