#EF5350 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intense, #ef5350 functions best as a focused accent rather than a dominant background. Use it for call-to-action buttons or small UI highlights where you need immediate attention. It pairs well with deep charcoal grays to ground its vivid warmth. Black text maintains excellent legibility on this hex code, ensuring that your small-scale design elements remain accessible to all users.
Questions about #ef5350
What is #ef5350 in RGB, HSL and CMYK?
In RGB, #ef5350 is rgb(239, 83, 80), in HSL hsl(1, 83%, 63%) and in CMYK 0%, 65%, 67%, 6%.
How can I effectively use #ef5350 in interface design?
#ef5350 functions best as a focused accent rather than a dominant background color. It is ideal for call-to-action buttons or small UI notifications where you need to draw the user's eye immediately without overwhelming the overall page design.
Is #ef5350 readable on white or black?
#ef5350 has a 3.48:1 contrast ratio on white and 6.02: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.