#CC0A0A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc0a0a is an intense, saturated red that demands immediate attention. Because this hue is so aggressive, it works best as a 10 percent accent for calls to action or alert indicators rather than a primary background. It pairs exceptionally well with charcoal grays and provides enough contrast for white text to remain legible. The hex code for this powerful red is #cc0a0a.
Questions about #cc0a0a
What is #cc0a0a in RGB, HSL and CMYK?
In RGB, #cc0a0a is rgb(204, 10, 10), in HSL hsl(0, 91%, 42%) and in CMYK 0%, 95%, 95%, 20%.
How should I use #cc0a0a in a user interface?
#cc0a0a is an incredibly strong hue, so treat it as a deliberate 10 percent accent rather than a primary background color. It creates excellent contrast against white or charcoal text, making it perfect for critical alerts or high-conversion call-to-action buttons.
Does #cc0a0a work well for full-screen backgrounds?
Avoid using #cc0a0a for large backgrounds, as its high saturation and intensity quickly overwhelm the viewer and cause eye strain. If you require a red backdrop, look for desaturated or pastel variations that preserve the brand feeling without the visual aggression.
Is #cc0a0a readable on white or black?
#cc0a0a has a 5.80:1 contrast ratio on white and 3.61: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.