#CC2271 Hex Color

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

Hex color #cc2271 graphic
#cc2271 is a saturated, medium-dark pink with a warm magenta undertone and strong visual energy. Its bold character suits calls to action, cosmetic branding, fashion graphics, and playful accents. Use it as a focused accent rather than a full-page background. The hex code #cc2271 supports white text at about a 5.2:1 contrast ratio.

Questions about #cc2271

What is #cc2271 in RGB, HSL and CMYK?
In RGB, #cc2271 is rgb(204, 34, 113), in HSL hsl(332, 71%, 47%) and in CMYK 0%, 83%, 45%, 20%.
What colors pair well with #cc2271?
Pair #cc2271 with white for crisp contrast, or combine it with deep navy, soft blush, or muted mauve to create balanced palettes for branding, interfaces, fashion graphics, and editorial layouts. Lighter companions make the pink feel softer, while navy adds sharper contrast.
Where does #cc2271 work best in a design?
Use #cc2271 as a focused accent for calls to action, cosmetic branding, fashion graphics, buttons, and playful details; its saturation creates energy, while full-page use can feel visually heavy and tiring.
Is #cc2271 readable on white or black?
#cc2271 has a 5.20:1 contrast ratio on white and 4.03: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.