#CC00BB Hex Color

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

Hex color #cc00bb graphic
#cc00bb is a high-intensity magenta that commands immediate attention. Because of its extreme saturation, it functions best as a small accent rather than a large background. Designers often pair it with slate grays or muted teals to balance the heat. White text provides a 4.9:1 contrast ratio, keeping readability high. When balancing similar purple shades, use the hex code #cc00bb as a high-chroma anchor.

Questions about #cc00bb

What is #cc00bb in RGB, HSL and CMYK?
In RGB, #cc00bb is rgb(204, 0, 187), in HSL hsl(305, 100%, 40%) and in CMYK 0%, 100%, 8%, 20%.
How can I balance the intensity of #cc00bb in a design layout?
#cc00bb is extremely saturated and works best as a surgical accent rather than a primary background color. To ground its visual heat, pair it with desaturated slate or teal tones, which effectively contain the high-chroma energy without dulling it.
Is #cc00bb readable on white or black?
#cc00bb has a 4.90:1 contrast ratio on white and 4.28: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.