#CC87B5

Color Details

HEX
#CC87B5
RGB
rgb(204, 135, 181)
HSL
hsl(320, 40%, 66%)
CMYK
cmyk(0%, 34%, 11%, 20%)
Best text on this color #000000 (CR 7.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc87b5
Contrast 7.70:1 AAA
White on #cc87b5
Contrast 2.73:1 Fail
#cc87b5 on Black
Contrast 7.70:1 AAA
#cc87b5 on White
Contrast 2.73:1 Fail

Tints & Shades

#d69fc4
#e0b7d3
#ebcfe1
#a36c91
#7a516d
#523648

Complement & Analogous

#86cb9d
#cb8691
#bf86cb

Triadic

#b4cb86
#86b4cb

Monochrome

#523648 #7a516d #cc87b5 #e0b7d3 #ebcfe1 #f5e7f0

Analogous

#bf86cb #d2aadb #cc87b5 #d59ea7 #cb8691 #a26b74

Complementary Mix

#7a516d #cc87b5 #e0b7d3 #86cb9d #b0ddbf #578466

Nearby Colors

#cc87b4
#cc87b6
#cc87a5
#cc87c5

Embed #CC87B5 swatch

Embed this swatch

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

Open image

About #CC87B5

#CC87B5 converts to RGB(204, 135, 181) and HSL(320, 40%, 66%). 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).

#CC87B5 FAQs

What is the RGB value of #CC87B5?
RGB: 204, 135, 181. Copy as CSS: rgb(204, 135, 181)
Is #CC87B5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC87B5?
Complement: #86cb9d.
Does #CC87B5 have good contrast on white or black?
On white: 2.73:1 (Fails AA). On black: 7.70:1 (AAA (normal text)).