#EC5C24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange-red commands attention with high intensity and warmth. Because it is so dominant, the hex code #ec5c24 works best as an accent rather than a background color. Pair this shade with deep charcoal grays to ground its visual energy. While black text remains legible against this hue, use it sparingly to avoid overwhelming your audience in web or print layouts.
Questions about #ec5c24
What is #ec5c24 in RGB, HSL and CMYK?
In RGB, #ec5c24 is rgb(236, 92, 36), in HSL hsl(17, 84%, 53%) and in CMYK 0%, 61%, 85%, 7%.
Where should I use the #ec5c24 orange-red in my designs?
Because #ec5c24 is highly dominant, use it sparingly as an accent color for calls-to-action, buttons, or highlights rather than as a primary background. It works best to draw the eye toward specific elements without overpowering your entire layout.
What colors pair well with the intense #ec5c24 shade?
To ground the visual energy of #ec5c24, pair it with charcoal or deep slate grays, which create a sophisticated contrast. Avoid using other bright, warm tones near it, as they will compete for attention and cause visual clutter.
Is #ec5c24 readable on white or black?
#ec5c24 has a 3.42:1 contrast ratio on white and 6.12: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.