#EB4F48 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #eb4f48 graphic
This high-octane red demands immediate attention. With intense saturation, #eb4f48 works best as a sharp accent rather than a background color. Black text maintains a 5.7:1 contrast ratio against this hue, making it highly readable for buttons or alert banners. Pair this hex code with deep charcoal grays to ground the design and prevent the brightness from overwhelming your overall layout.

Questions about #eb4f48

What is #eb4f48 in RGB, HSL and CMYK?
In RGB, #eb4f48 is rgb(235, 79, 72), in HSL hsl(3, 80%, 60%) and in CMYK 0%, 66%, 69%, 8%.
How should I use #eb4f48 in my UI designs?
Use #eb4f48 as a strategic accent color for call-to-action buttons or alert banners where you need to drive immediate user focus. Because it is highly saturated, avoid using it as a large background fill, as it quickly fatigues the eye during navigation.
Is #eb4f48 readable on white or black?
#eb4f48 has a 3.65:1 contrast ratio on white and 5.74: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.