#CC6CD6

Color Details

HEX
#CC6CD6
RGB
rgb(204, 108, 214)
HSL
hsl(294, 56%, 63%)
CMYK
cmyk(5%, 50%, 0%, 16%)
Best text on this color #000000 (CR 6.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc6cd6
Contrast 6.68:1 AA
White on #cc6cd6
Contrast 3.14:1 Fail
#cc6cd6 on Black
Contrast 6.68:1 AA
#cc6cd6 on White
Contrast 3.14:1 Fail

Tints & Shades

#d689de
#e0a7e6
#ebc4ef
#a356ab
#7a4180
#522b56

Complement & Analogous

#76d56c
#d56cab
#966cd5

Triadic

#d5cb6c
#6cd5cb

Monochrome

#522b56 #7a4180 #cc6cd6 #e0a7e6 #ebc4ef #f5e2f7

Analogous

#966cd5 #b698e2 #cc6cd6 #dd89bc #d56cab #aa5689

Complementary Mix

#7a4180 #cc6cd6 #e0a7e6 #76d56c #a6e49f #4d8a46

Nearby Colors

#cc6cd5
#cc6cd7
#cc6cc6
#cc6ce6

Embed #CC6CD6 swatch

Embed this swatch

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

Open image

About #CC6CD6

#CC6CD6 converts to RGB(204, 108, 214) and HSL(294, 56%, 63%). 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).

#CC6CD6 FAQs

What is the RGB value of #CC6CD6?
RGB: 204, 108, 214. Copy as CSS: rgb(204, 108, 214)
Is #CC6CD6 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC6CD6?
Complement: #76d56c.
Does #CC6CD6 have good contrast on white or black?
On white: 3.14:1 (AA (large text)). On black: 6.68:1 (AA (normal text)).