#CC2504 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #cc2504 when a button or sale banner needs to stop the scroll. This saturated red runs warm and bold, with just enough darkness to avoid reading neon. The hex code #cc2504 works best as a small accent in a 60/30/10 palette, where it burns loudest against deep navy or charcoal. White text passes AA contrast on it, so labels stay readable.
Questions about #cc2504
What is #cc2504 in RGB, HSL and CMYK?
In RGB, #cc2504 is rgb(204, 37, 4), in HSL hsl(10, 96%, 41%) and in CMYK 0%, 82%, 98%, 20%.
What colors pair well with #cc2504?
#cc2504 flatters charcoal and deep navy, which cool its heat without dulling it. Warm creams and muted sage greens work too when you want a softer, earthier palette.
Is #cc2504 readable on white or black?
#cc2504 has a 5.47:1 contrast ratio on white and 3.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.