#CC1D0A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red is an aggressive, high-energy hue that commands immediate attention. Because of its intensity, #cc1d0a works best as a sharp accent rather than a background color, where it can easily overwhelm a layout. It pairs effectively with cool, dark grays to ground its heat. White text offers readable contrast, making this hex code a suitable choice for high-impact buttons and urgent notifications.
Questions about #cc1d0a
What is #cc1d0a in RGB, HSL and CMYK?
In RGB, #cc1d0a is rgb(204, 29, 10), in HSL hsl(6, 91%, 42%) and in CMYK 0%, 86%, 95%, 20%.
How can #cc1d0a be used effectively in a layout?
#cc1d0a is extremely intense and works best as a surgical accent for call-to-action buttons or critical status notifications. Because it can easily dominate a design, avoid using it as a primary background color to prevent eye fatigue.
Which colors help ground the intensity of #cc1d0a?
Pair #cc1d0a with charcoal or deep, cool-toned grays to neutralize its aggressive heat. These darker, neutral tones provide the necessary balance to keep the red from overwhelming the surrounding layout, creating a sophisticated and readable color scheme.
Is #cc1d0a readable on white or black?
#cc1d0a has a 5.60:1 contrast ratio on white and 3.74: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.