#CC0220 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red demands attention and radiates pure energy. Because #cc0220 is so saturated and vivid, it works best as a sharp accent rather than a background color. Pair it with soft charcoal grays to ground its intensity, as white can look slightly washed out against it. Designers should use this hex code sparingly for calls to action or alert states to maintain impact.
Questions about #cc0220
What is #cc0220 in RGB, HSL and CMYK?
In RGB, #cc0220 is rgb(204, 2, 32), in HSL hsl(351, 98%, 40%) and in CMYK 0%, 99%, 84%, 20%.
How should I use #cc0220 in UI design?
#cc0220 works best as a surgical accent for critical UI elements like call-to-action buttons or alert states. Because it is so saturated, avoid using it as a primary background color, as it can cause visual fatigue and dominate the page.
What colors pair well with #cc0220?
Pair #cc0220 with charcoal or deep slate grays to ground its intensity and prevent it from appearing too jarring. Avoid pairing it with high-contrast white backgrounds, as the brightness can make the red appear washed out or difficult to focus on.
Is #cc0220 readable on white or black?
#cc0220 has a 5.83:1 contrast ratio on white and 3.59: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.