#CC2514 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands immediate attention with its aggressive saturation. Because #cc2514 is visually demanding, it works best as a 10% accent color rather than a large background fill. It pairs surprisingly well with deep charcoal grays to tone down the heat. White text offers enough contrast for readability, making this hex code effective for urgent calls to action or alert UI components.
Questions about #cc2514
What is #cc2514 in RGB, HSL and CMYK?
In RGB, #cc2514 is rgb(204, 37, 20), in HSL hsl(6, 82%, 44%) and in CMYK 0%, 82%, 90%, 20%.
What colors pair well with #cc2514?
This intense red is visually demanding, so pair #cc2514 with neutral, deep tones like charcoal or slate to ground its energy. Using it against clean white backgrounds also provides the necessary contrast to make your interface elements pop safely.
How should I use #cc2514 in web design?
Use #cc2514 sparingly as a 10% accent color for critical alerts or primary buttons. Because of its visual intensity, applying it as a large background fill often overwhelms the user and competes for attention against your primary content.
Is #cc2514 readable on white or black?
#cc2514 has a 5.46:1 contrast ratio on white and 3.84: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.