#CC7BB0

Color Details

HEX
#CC7BB0
RGB
rgb(204, 123, 176)
HSL
hsl(321, 44%, 64%)
CMYK
cmyk(0%, 40%, 14%, 20%)
Best text on this color #000000 (CR 7.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc7bb0
Contrast 7.03:1 AAA
White on #cc7bb0
Contrast 2.99:1 Fail
#cc7bb0 on Black
Contrast 7.03:1 AAA
#cc7bb0 on White
Contrast 2.99:1 Fail

Tints & Shades

#d695c0
#e0b0d0
#ebcadf
#a3628d
#7a4a6a
#523146

Complement & Analogous

#7bcc97
#cc7b87
#bf7bcc

Triadic

#afcc7b
#7bafcc

Monochrome

#523146 #7a4a6a #cc7bb0 #e0b0d0 #ebcadf #f5e5ef

Analogous

#bf7bcc #d2a3db #cc7bb0 #d6959f #cc7b87 #a3626c

Complementary Mix

#7a4a6a #cc7bb0 #e0b0d0 #7bcc97 #a9debb #508562

Nearby Colors

#cc7baf
#cc7bb1
#cc7ba0
#cc7bc0

Embed #CC7BB0 swatch

Embed this swatch

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

Open image

About #CC7BB0

#CC7BB0 converts to RGB(204, 123, 176) and HSL(321, 44%, 64%). 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).

#CC7BB0 FAQs

What is the RGB value of #CC7BB0?
RGB: 204, 123, 176. Copy as CSS: rgb(204, 123, 176)
Is #CC7BB0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC7BB0?
Complement: #7bcc97.
Does #CC7BB0 have good contrast on white or black?
On white: 2.99:1 (Fails AA). On black: 7.03:1 (AAA (normal text)).