#CC1524 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc1524 is a highly saturated red that commands immediate attention. This shade is loud and intense, making it ideal for buttons, alerts, or small accents where you need high visibility. Avoid using it as a large background color, as it can easily overwhelm the eyes. White text remains readable against this hue, providing a strong 5.7:1 contrast for accessible UI design.
Questions about #cc1524
What is #cc1524 in RGB, HSL and CMYK?
In RGB, #cc1524 is rgb(204, 21, 36), in HSL hsl(355, 81%, 44%) and in CMYK 0%, 90%, 82%, 20%.
Why should #cc1524 be used sparingly in web design?
This shade is extremely intense and can easily overwhelm users if applied to large areas like backgrounds. Use #cc1524 strictly for call-to-action buttons or important alerts where high contrast against white text helps ensure the message is seen immediately.
Is #cc1524 readable on white or black?
#cc1524 has a 5.67:1 contrast ratio on white and 3.70: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.