#CC61D5

Color Details

HEX
#CC61D5
RGB
rgb(204, 97, 213)
HSL
hsl(295, 58%, 61%)
CMYK
cmyk(4%, 54%, 0%, 16%)
Best text on this color #000000 (CR 6.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc61d5
Contrast 6.24:1 AA
White on #cc61d5
Contrast 3.37:1 Fail
#cc61d5 on Black
Contrast 6.24:1 AA
#cc61d5 on White
Contrast 3.37:1 Fail

Tints & Shades

#d681dd
#e0a0e6
#ebc0ee
#a34eaa
#7a3a80
#522755

Complement & Analogous

#6bd562
#d562a5
#9262d5

Triadic

#d5cc62
#62d5cc

Monochrome

#522755 #7a3a80 #cc61d5 #e0a0e6 #ebc0ee #f5dff7

Analogous

#9262d5 #b391e2 #cc61d5 #dd81b7 #d562a5 #aa4e84

Complementary Mix

#7a3a80 #cc61d5 #e0a0e6 #6bd562 #9fe499 #468a40

Nearby Colors

#cc61d4
#cc61d6
#cc61c5
#cc61e5

Embed #CC61D5 swatch

Embed this swatch

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

Open image

About #CC61D5

#CC61D5 converts to RGB(204, 97, 213) and HSL(295, 58%, 61%). 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).

#CC61D5 FAQs

What is the RGB value of #CC61D5?
RGB: 204, 97, 213. Copy as CSS: rgb(204, 97, 213)
Is #CC61D5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC61D5?
Complement: #6bd562.
Does #CC61D5 have good contrast on white or black?
On white: 3.37:1 (AA (large text)). On black: 6.24:1 (AA (normal text)).