#CC71D4 Hex Color

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

Hex color #cc71d4 graphic
This saturated, high-energy purple commands attention without being overwhelming. Because #cc71d4 features a high contrast ratio with black text, it functions well for readable UI buttons or sharp graphic accents. Use this hex code sparingly as a 10% pop of color rather than a main background. It pairs surprisingly well with deep charcoal or muted olive greens for a sophisticated, modern palette.

Questions about #cc71d4

What is #cc71d4 in RGB, HSL and CMYK?
In RGB, #cc71d4 is rgb(204, 113, 212), in HSL hsl(295, 54%, 64%) and in CMYK 4%, 47%, 0%, 17%.
How should I use #cc71d4 in a professional user interface?
#cc71d4 works best as a 10% pop of color rather than a main background shade. Its high contrast against black text makes it an excellent choice for primary action buttons or subtle UI elements that require visual focus without overwhelming the layout.
What colors pair well with #cc71d4 for a sophisticated palette?
This vibrant purple balances beautifully when paired with deep charcoal or muted olive tones. These grounding neutrals temper the saturation of #cc71d4, allowing the purple to function as a refined highlight rather than a jarring visual element.
Is #cc71d4 readable on white or black?
#cc71d4 has a 3.05:1 contrast ratio on white and 6.88: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.