#CC0A3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A loud, saturated red with a crimson-leaning edge, #cc0a3a is dark enough to hold white text at about 5.7:1 contrast, so it clears AA for body copy. It works best as an accent for buttons, sale badges, and calls to action rather than a full background, where its intensity tires the eye. Pair it with deep navy or warm charcoal for a rich, punchy combination.
Questions about #cc0a3a
What is #cc0a3a in RGB, HSL and CMYK?
In RGB, #cc0a3a is rgb(204, 10, 58), in HSL hsl(345, 91%, 42%) and in CMYK 0%, 95%, 72%, 20%.
What colors pair well with #cc0a3a?
#cc0a3a pairs well with deep navy and warm charcoal, which mute its intensity and let it read as confident rather than loud. Soft blush and cream tints also work for gentler layouts.
What does #cc0a3a communicate in design?
#cc0a3a signals urgency, passion, and intensity, which makes it a natural fit for sale badges, emergency cues, and sports branding. Used sparingly, it draws the eye without overwhelming a layout.
Is #cc0a3a readable on white or black?
#cc0a3a has a 5.71:1 contrast ratio on white and 3.67: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.