#CCB4DB

Color Details

HEX
#CCB4DB
RGB
rgb(204, 180, 219)
HSL
hsl(277, 35%, 78%)
CMYK
cmyk(7%, 18%, 0%, 14%)
Best text on this color #000000 (CR 11.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccb4db
Contrast 11.12:1 AAA
White on #ccb4db
Contrast 1.89:1 Fail
#ccb4db on Black
Contrast 11.12:1 AAA
#ccb4db on White
Contrast 1.89:1 Fail

Tints & Shades

#d6c3e2
#e0d2e9
#ebe1f1
#a390af
#7a6c83
#524858

Complement & Analogous

#c2dbb3
#dbb3d6
#b8b3db

Triadic

#dbcbb3
#b3dbcb

Monochrome

#524858 #7a6c83 #ccb4db #e0d2e9 #ebe1f1 #f5f0f8

Analogous

#b8b3db #cdcae6 #ccb4db #e2c2de #dbb3d6 #af8fab

Complementary Mix

#7a6c83 #ccb4db #e0d2e9 #c2dbb3 #d7e8ce #7e8e74

Nearby Colors

#ccb4da
#ccb4dc
#ccb4cb
#ccb4eb

Embed #CCB4DB swatch

Embed this swatch

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

Open image

About #CCB4DB

#CCB4DB converts to RGB(204, 180, 219) and HSL(277, 35%, 78%). 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).

#CCB4DB FAQs

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