#CC3B45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy red demands attention with its intense, saturated pigment. Because #cc3b45 carries such weight, it is best reserved for accents or call-to-action buttons rather than large backgrounds. It pairs well with crisp charcoal grays to ground its heat. Since it meets WCAG AA standards, you can confidently overlay white text for high-contrast, readable messaging. The hex code for this bold color is #cc3b45.
Questions about #cc3b45
What is #cc3b45 in RGB, HSL and CMYK?
In RGB, #cc3b45 is rgb(204, 59, 69), in HSL hsl(356, 59%, 52%) and in CMYK 0%, 71%, 66%, 20%.
Does #cc3b45 work well for large-scale web backgrounds?
It is generally too intense for full-page backgrounds and can cause eye fatigue during long reading sessions. Use #cc3b45 exclusively for small, high-impact UI elements like call-to-action buttons, notification badges, or critical alert text where you need immediate user attention.
What colors pair best with #cc3b45 for a balanced palette?
Pair #cc3b45 with deep neutrals like charcoal or slate to ground its high energy and prevent visual clutter. If you need a secondary accent, cool grays keep the composition grounded without competing with the saturation of the primary red.
Is #cc3b45 readable on white or black?
#cc3b45 has a 4.90:1 contrast ratio on white and 4.27: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.