#EA5455 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. It works best as a 10% accent color for calls to action or UI alerts where urgency is required. While readable with black text, avoid using it as a large background to prevent eye fatigue. The hex code for this powerful, warm shade is #ea5455.
Questions about #ea5455
What is #ea5455 in RGB, HSL and CMYK?
In RGB, #ea5455 is rgb(234, 84, 85), in HSL hsl(360, 78%, 62%) and in CMYK 0%, 64%, 64%, 8%.
How should I use #ea5455 in my UI design?
#ea5455 works best as a high-visibility accent color rather than a large background fill. Use it sparingly for primary buttons or critical error states where you need to guide the user's eye to a specific, urgent action.
What colors pair well with #ea5455?
To balance the intensity of #ea5455, pair it with neutral tones like charcoal or soft off-whites to maintain readability. For more vibrant schemes, it sits beautifully alongside cool blues or muted teals, which offer a natural, complementary contrast.
Is #ea5455 readable on white or black?
#ea5455 has a 3.56:1 contrast ratio on white and 5.89: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.