#CC0060 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc0060 is a saturated, high-intensity pink that demands immediate attention. Due to its extreme chroma, it works best as a sharp accent or CTA button rather than a background color. It pairs surprisingly well with dark teals or deep, cool greys. White text remains legible against this hex code, ensuring accessibility for small UI elements and bold calls to action.
Questions about #cc0060
What is #cc0060 in RGB, HSL and CMYK?
In RGB, #cc0060 is rgb(204, 0, 96), in HSL hsl(332, 100%, 40%) and in CMYK 0%, 100%, 53%, 20%.
How should I use the high-chroma #cc0060 in UI design?
Because #cc0060 is so intense, use it sparingly as a high-contrast accent for primary buttons or critical notifications. Avoid using this specific pink for large background areas, as it can quickly overwhelm the viewer and cause eye fatigue.
What colors pair well with the intensity of #cc0060?
This vibrant pink creates a balanced visual hierarchy when paired with neutral, grounding tones like dark slate or deep, desaturated charcoal. Avoid placing it next to other highly saturated warm colors to prevent clashing.
Is #cc0060 readable on white or black?
#cc0060 has a 5.62:1 contrast ratio on white and 3.73: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.