#EA565C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red serves as an intense accent for high-energy design elements. Because #ea565c draws immediate attention, it works best for call-to-action buttons or specific UI highlights rather than large backgrounds. Black text ensures excellent readability on this shade, meeting accessibility standards with ease. The hex code for this aggressive, warm hue is #ea565c.
Questions about #ea565c
What is #ea565c in RGB, HSL and CMYK?
In RGB, #ea565c is rgb(234, 86, 92), in HSL hsl(358, 78%, 63%) and in CMYK 0%, 63%, 61%, 8%. Browse more shades of red with names and hex codes.
Does #ea565c work well with text?
Yes, #ea565c maintains strong readability when paired with high-contrast text, particularly bold black or dark charcoal lettering. Because this red is quite intense, always test your text size against this background to ensure it meets standard accessibility contrast ratios.
What design elements should use #ea565c?
#ea565c performs best as an intentional accent color rather than a primary background shade. Use it for call-to-action buttons, notification badges, or important UI highlights where you need to draw the user's immediate attention without overwhelming the overall layout.
Is #ea565c readable on white or black?
#ea565c has a 3.50:1 contrast ratio on white and 5.98: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.