#CCB4DD

Color Details

HEX
#CCB4DD
RGB
rgb(204, 180, 221)
HSL
hsl(275, 38%, 79%)
CMYK
cmyk(8%, 19%, 0%, 13%)
Best text on this color #000000 (CR 11.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccb4dd
Contrast 11.14:1 AAA
White on #ccb4dd
Contrast 1.89:1 Fail
#ccb4dd on Black
Contrast 11.14:1 AAA
#ccb4dd on White
Contrast 1.89:1 Fail

Tints & Shades

#d6c3e4
#e0d2eb
#ebe1f1
#a390b1
#7a6c85
#524858

Complement & Analogous

#c6deb5
#deb5da
#b8b5de

Triadic

#decdb5
#b5decd

Monochrome

#524858 #7a6c85 #ccb4dd #e0d2eb #ebe1f1 #f5f0f8

Analogous

#b8b5de #cdcbe8 #ccb4dd #e5c4e1 #deb5da #b291ae

Complementary Mix

#7a6c85 #ccb4dd #e0d2eb #c6deb5 #daeacf #819076

Nearby Colors

#ccb4dc
#ccb4de
#ccb4cd
#ccb4ed

Embed #CCB4DD swatch

Embed this swatch

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

Open image

About #CCB4DD

#CCB4DD converts to RGB(204, 180, 221) and HSL(275, 38%, 79%). 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).

#CCB4DD FAQs

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