#CC3B35 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #cc3b35 produces a saturated, warm red with a slight orange undertone and medium lightness. Its strong visual energy suits calls to action, sale graphics, sports branding, and warning accents. Use it as a focused 10% accent beside charcoal or deep navy, rather than a full-page background. White text reaches about a 4.9:1 contrast ratio on this color.
Questions about #cc3b35
What is #cc3b35 in RGB, HSL and CMYK?
In RGB, #cc3b35 is rgb(204, 59, 53), in HSL hsl(2, 60%, 50%) and in CMYK 0%, 71%, 74%, 20%.
What colors pair well with #cc3b35?
Is #cc3b35 a warm or cool red?
The hex color #cc3b35 reads as a warm red because its red base leans slightly toward orange, giving it more heat and visual urgency than a blue-based red in layouts. This makes it effective for action-focused elements and energetic editorial accents.
Where does #cc3b35 work best in a design?
Use #cc3b35 as a focused accent for calls to action, sale graphics, sports branding, badges, and warning states, especially beside charcoal or deep navy, rather than as a full-page background. Limiting it to roughly 10% keeps its saturation energetic without overwhelming the layout.
Is #cc3b35 readable on white or black?
#cc3b35 has a 4.94:1 contrast ratio on white and 4.24: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.