Skip to main content
ToolsHub
#CC00CC

#CC00CC Color — #CC00CC

Complete color reference for #CC00CC: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#CC00CC
RGBrgb(204, 0, 204)
HSLhsl(300, 100%, 40%)
HSVhsv(300, 100%, 80%)
CMYKC:0% M:100% Y:0% K:20%
CSS Color#CC00CC
Decimal13369548
Luminance0.172

WCAG Accessibility Contrast

#CC00CC on White
Ratio: 4.73:1 — AA
#CC00CC on Black
Ratio: 4.44:1 — AA Large
White on #CC00CC
Ratio: 4.73:1 — AA
Black on #CC00CC
Ratio: 4.44:1 — AA Large

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FCF2FC
100#F7D9F7
200#F0B3F0
300#E88CE8
400#DE59DE
500#CC00CC
600#A300A3
700#7A007A
800#520052
900#330033

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #CC00CC?

The RGB equivalent is rgb(204, 0, 204). The red channel is 204, green is 0, and blue is 204 (scale 0–255).

What is the HSL value of #CC00CC?

The HSL value is hsl(300, 100%, 40%). Hue is 300°, saturation is 100%, and lightness is 40%.

Does #CC00CC meet WCAG accessibility standards?

On a white background, #CC00CC achieves a 4.73:1 contrast ratio (AA). On a black background it achieves 4.44:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #CC00CC?

The complementary color (180° opposite on the hue wheel) of #CC00CC is #00CC00.