#CC64B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pink strikes a balance between intense energy and playful sweetness. Because of its high chroma, it functions best as a small, vivid accent rather than a full page background. It provides excellent readability when paired with black text, making it a strong choice for UI highlights. Pair it with dark charcoal to ground the brightness. The hex code is #cc64b4.
Questions about #cc64b4
What is #cc64b4 in RGB, HSL and CMYK?
In RGB, #cc64b4 is rgb(204, 100, 180), in HSL hsl(314, 50%, 60%) and in CMYK 0%, 51%, 12%, 20%. Browse more shades of pink with names and hex codes.
How should I use #cc64b4 in interface design?
Use #cc64b4 as a vibrant accent color for buttons or highlights to draw immediate user attention. Because it is highly saturated, avoid using it for large backgrounds or body text, as it can strain the eyes over time.
What colors balance the intensity of #cc64b4?
Pair #cc64b4 with charcoal or dark, neutral grays to ground its high energy. These dark tones create a strong contrast that makes the pink pop while maintaining readability and a professional, balanced visual hierarchy.
Is #cc64b4 readable on white or black?
#cc64b4 has a 3.47:1 contrast ratio on white and 6.04: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.