#CC2336 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #cc2336 when a call to action needs to stop someone mid-scroll. This saturated red is dark enough that white text passes AA on it at about 5.4:1 contrast, which makes it a solid button or banner background. It flatters deep teals and warm creams better than plain black. Treat the hex code #cc2336 as an accent, since full-page coverage gets loud fast.
Questions about #cc2336
What is #cc2336 in RGB, HSL and CMYK?
In RGB, #cc2336 is rgb(204, 35, 54), in HSL hsl(353, 71%, 47%) and in CMYK 0%, 83%, 74%, 20%.
What colors pair well with #cc2336?
Deep teals, forest greens, and warm creams all balance #cc2336 without dulling its intensity. For text on top, white reads clearly at about 5.4:1 contrast, which meets AA for body copy. Try it against charcoal when you want a darker, moodier pairing.
Is #cc2336 a warm or cool red?
It reads warm, but a touch of blue in its makeup gives it a raspberry edge that keeps it from tipping into orange. That slight coolness makes it feel richer than a pure fire-engine red, especially next to neutrals.
Is #cc2336 readable on white or black?
#cc2336 has a 5.43:1 contrast ratio on white and 3.86: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.