#CBB4D8

Color Details

HEX
#CBB4D8
RGB
rgb(203, 180, 216)
HSL
hsl(278, 32%, 78%)
CMYK
cmyk(6%, 17%, 0%, 15%)
Best text on this color #000000 (CR 11.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbb4d8
Contrast 11.06:1 AAA
White on #cbb4d8
Contrast 1.90:1 Fail
#cbb4d8 on Black
Contrast 11.06:1 AAA
#cbb4d8 on White
Contrast 1.90:1 Fail

Tints & Shades

#d5c3e0
#e0d2e8
#eae1ef
#a290ad
#7a6c82
#514856

Complement & Analogous

#c2d9b5
#d9b5d4
#bab5d9

Triadic

#d9ccb5
#b5d9cc

Monochrome

#514856 #7a6c82 #cbb4d8 #e0d2e8 #eae1ef #f5f0f7

Analogous

#bab5d9 #cfcbe4 #cbb4d8 #e1c4dd #d9b5d4 #ae91aa

Complementary Mix

#7a6c82 #cbb4d8 #e0d2e8 #c2d9b5 #d7e6cf #7e8d76

Nearby Colors

#cbb4d7
#cbb4d9
#cbb4c8
#cbb4e8

Embed #CBB4D8 swatch

Embed this swatch

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

Open image

About #CBB4D8

#CBB4D8 converts to RGB(203, 180, 216) and HSL(278, 32%, 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).

#CBB4D8 FAQs

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