#CC301C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #cc301c graphic
Bold and highly saturated, #cc301c is a warm red with subtle orange undertones and enough depth to feel forceful rather than neon. It works best as a small accent for calls to action, sale graphics, sports branding, or alerts. White text reaches about 5.2:1 contrast, making this hex code suitable for accessible labels and buttons.

Questions about #cc301c

What is #cc301c in RGB, HSL and CMYK?
In RGB, #cc301c is rgb(204, 48, 28), in HSL hsl(7, 76%, 45%) and in CMYK 0%, 76%, 86%, 20%.
What colors pair well with #cc301c?
#cc301c pairs well with white for crisp contrast, charcoal for softer text treatment, and muted blue-green accents for complementary contrast, while warm neutrals make the combination feel less stark. Keep supporting colors restrained so the red remains the focal point.
Is #cc301c a warm or cool red?
#cc301c reads as a warm red because its hue leans slightly toward orange rather than blue. Its high saturation gives it an energetic, forceful presence, while its moderate depth keeps it grounded instead of making it look neon.
Is #cc301c readable on white or black?
#cc301c has a 5.24:1 contrast ratio on white and 4.00: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.