#CC74A4 Hex Color

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

Hex color #cc74a4 graphic
This unsaturated, warm pink feels mellow and approachable without leaning into harsh neon tones. The hex code for this color is #cc74a4. Because it offers strong contrast with black text, it works well for readable UI elements or as a soft, secondary accent in branding. Pair it with charcoal gray or deep plum for a sophisticated, modern look in fashion or editorial design.

Questions about #cc74a4

What is #cc74a4 in RGB, HSL and CMYK?
In RGB, #cc74a4 is rgb(204, 116, 164), in HSL hsl(327, 46%, 63%) and in CMYK 0%, 43%, 20%, 20%.
What colors pair best with #cc74a4?
The warmth of #cc74a4 creates a sophisticated, modern aesthetic when paired with deep charcoal or rich plum. These darker, neutral tones anchor the pink, providing the necessary contrast to keep it from looking too soft or overwhelming in branding.
Is #cc74a4 suitable for text in UI design?
While #cc74a4 functions beautifully as a secondary button or accent color, it lacks sufficient contrast against white backgrounds for standard body text. Always ensure you pair it with a darker, high-contrast color for any interface elements requiring accessibility compliance.
Is #cc74a4 readable on white or black?
#cc74a4 has a 3.18:1 contrast ratio on white and 6.60:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.