#CC1CC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc1cc6 is an intensely saturated magenta that commands immediate attention. Its high chroma makes it difficult to ignore, so designers should use it as a bold accent rather than a full page background. Pair it with dark, muted charcoals to ground the energy. Because it maintains a 4.5:1 contrast ratio against white text, it works for UI highlights. The hex code for this electric pink is #cc1cc6.
Questions about #cc1cc6
What is #cc1cc6 in RGB, HSL and CMYK?
In RGB, #cc1cc6 is rgb(204, 28, 198), in HSL hsl(302, 76%, 45%) and in CMYK 0%, 86%, 3%, 20%.
What is the best way to use #cc1cc6 in interface design?
Use #cc1cc6 strictly as a high-impact accent for buttons, active states, or notification alerts because its extreme saturation can easily overwhelm a layout. Pair it with deep charcoal or near-black tones to ground the brightness and ensure legibility for users.
Does #cc1cc6 work well against a white background?
Yes, #cc1cc6 maintains a strong 4.5:1 contrast ratio against standard white text backgrounds, which meets essential accessibility guidelines for UI design. This makes it a reliable choice for buttons or interactive icons where legibility is critical for a positive user experience.
Is #cc1cc6 readable on white or black?
#cc1cc6 has a 4.61:1 contrast ratio on white and 4.54: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 for body text. Try other pairs in the contrast checker.