#CC3168 Hex Color
A high-impact vivid pink for accents
Designers looking for high-impact accents should consider #cc3168. This vivid pink possesses enough intensity to command attention, serving perfectly for buttons or call-to-action elements. It provides clear contrast for white text, ensuring accessibility in small UI components. Use this bright, saturated hue sparingly to maintain balance in your layout. The hex code #cc3168 brings immediate, warm energy to any design project.
Questions about #cc3168
What is #cc3168 in RGB, HSL and CMYK?
In RGB, #cc3168 is rgb(204, 49, 104), in HSL hsl(339, 61%, 50%) and in CMYK 0%, 76%, 49%, 20%.
How should I use #cc3168 in a user interface?
#cc3168 works best as a punchy accent color for primary call-to-action buttons, notifications, or specific alerts that require immediate attention. Because it is highly saturated, avoid using it as a background color for large areas where readability might be compromised.
What colors pair well with the #cc3168 hex code?
Is #cc3168 readable on white or black?
#cc3168 has a 4.99:1 contrast ratio on white and 4.20: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.