#EC5C54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ec5c54 is a saturated, high-energy red that demands immediate attention. Because of its intensity, it functions best as an accent color for calls to action or alert indicators rather than a full background. This shade pairs surprisingly well with deep charcoal grays for a modern contrast. The hex code for this vivid, urgent hue is #ec5c54, and it supports black text for excellent readability.
Questions about #ec5c54
What is #ec5c54 in RGB, HSL and CMYK?
In RGB, #ec5c54 is rgb(236, 92, 84), in HSL hsl(3, 80%, 63%) and in CMYK 0%, 61%, 64%, 7%. Browse more shades of red with names and hex codes.
What is the best way to use #ec5c54 in a UI design?
#ec5c54 serves primarily as an accent color for elements requiring immediate user attention, such as critical alert banners or primary call-to-action buttons. Because of its extreme saturation, it creates too much visual strain for large backgrounds or body text.
Which colors pair best with #ec5c54 for a professional look?
To ground the intensity of #ec5c54, pair it with deep, neutral tones like charcoal or dark slate. These muted darks provide a sophisticated backdrop that prevents the vibrant red from appearing overly aggressive or chaotic in your final composition.
Is #ec5c54 readable on white or black?
#ec5c54 has a 3.37:1 contrast ratio on white and 6.22: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.