#CCB9DD

Color Details

HEX
#CCB9DD
RGB
rgb(204, 185, 221)
HSL
hsl(272, 35%, 80%)
CMYK
cmyk(8%, 16%, 0%, 13%)
Best text on this color #000000 (CR 11.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccb9dd
Contrast 11.55:1 AAA
White on #ccb9dd
Contrast 1.82:1 Fail
#ccb9dd on Black
Contrast 11.55:1 AAA
#ccb9dd on White
Contrast 1.82:1 Fail

Tints & Shades

#d6c7e4
#e0d5eb
#ebe3f1
#a394b1
#7a6f85
#524a58

Complement & Analogous

#cbdeba
#debadd
#bbbade

Triadic

#decdba
#badecd

Monochrome

#524a58 #7a6f85 #ccb9dd #e0d5eb #ebe3f1 #f5f1f8

Analogous

#bbbade #cfcfe8 #ccb9dd #e5c8e4 #debadd #b295b1

Complementary Mix

#7a6f85 #ccb9dd #e0d5eb #cbdeba #ddead2 #849079

Nearby Colors

#ccb9dc
#ccb9de
#ccb9cd
#ccb9ed

Embed #CCB9DD swatch

Embed this swatch

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

Open image

About #CCB9DD

#CCB9DD converts to RGB(204, 185, 221) and HSL(272, 35%, 80%). 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).

#CCB9DD FAQs

What is the RGB value of #CCB9DD?
RGB: 204, 185, 221. Copy as CSS: rgb(204, 185, 221)
Is #CCB9DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCB9DD?
Complement: #cbdeba.
Does #CCB9DD have good contrast on white or black?
On white: 1.82:1 (Fails AA). On black: 11.55:1 (AAA (normal text)).