#CC5CCC

Color Details

HEX
#CC5CCC
RGB
rgb(204, 92, 204)
HSL
hsl(300, 52%, 58%)
CMYK
cmyk(0%, 55%, 0%, 20%)
Best text on this color #000000 (CR 5.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc5ccc
Contrast 5.97:1 AA
White on #cc5ccc
Contrast 3.52:1 Fail
#cc5ccc on Black
Contrast 5.97:1 AA
#cc5ccc on White
Contrast 3.52:1 Fail

Tints & Shades

#d67dd6
#e09de0
#ebbeeb
#a34aa3
#7a377a
#522552

Complement & Analogous

#5ccc5c
#cc5c94
#945ccc

Triadic

#cccc5c
#5ccccc

Monochrome

#522552 #7a377a #cc5ccc #e09de0 #ebbeeb #f5def5

Analogous

#945ccc #b48ddb #cc5ccc #d67da9 #cc5c94 #a34a76

Complementary Mix

#7a377a #cc5ccc #e09de0 #5ccc5c #95de95 #3c853c

Nearby Colors

#cc5ccb
#cc5ccd
#cc5cbc
#cc5cdc

Embed #CC5CCC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CC5CCC

#CC5CCC converts to RGB(204, 92, 204) and HSL(300, 52%, 58%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CC5CCC FAQs

What is the RGB value of #CC5CCC?
RGB: 204, 92, 204. Copy as CSS: rgb(204, 92, 204)
Is #CC5CCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC5CCC?
Complement: #5ccc5c.
Does #CC5CCC have good contrast on white or black?
On white: 3.52:1 (AA (large text)). On black: 5.97:1 (AA (normal text)).