#E55B48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, high-energy red demands attention without feeling abrasive. Because it maintains strong legibility with black text, it works well for urgent notifications or call-to-action buttons. Avoid using #e55b48 as a large background color, as its intensity can easily overwhelm a layout. Instead, use this hex code as a 10% accent to draw the eye toward essential interface elements.
Questions about #e55b48
What is #e55b48 in RGB, HSL and CMYK?
In RGB, #e55b48 is rgb(229, 91, 72), in HSL hsl(7, 75%, 59%) and in CMYK 0%, 60%, 69%, 10%.
How can I best use #e55b48 in my interface design?
Use #e55b48 primarily as a small, strategic accent to draw attention to call-to-action buttons or critical alerts. Because of its high intensity, avoid using it as a large background color, which can overwhelm the viewer and make text difficult to read.
What colors pair well with #e55b48 for a balanced palette?
Is #e55b48 readable on white or black?
#e55b48 has a 3.54:1 contrast ratio on white and 5.92: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.