#CCB8D8

#CCB8D8

Color Values

HEX

#CCB8D8

RGB

204, 184, 216

HSL

277.5, 29.1%, 78.4%

HSV

277.5, 14.8%, 84.7%

CMYK

5.6%, 14.8%, 0.0%, 15.3%

OKLCH

0.8095 0.0493 312.9

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CCB8D8

#C4D8B8

Analogous

#BCB8D8

#D8B8D4

#CCB8D8

Triadic

#CCB8D8

#D8CCB8

#B8D8CC

Split Complementary

#CCB8D8

#D4D8B8

#B8D8BC

Tetradic

#CCB8D8

#D8BCB8

#C4D8B8

#B8D4D8

Color Blindness Simulation

Original

#CCB8D8

Protanopia

#C3C3D0

Deuteranopia

#C4C6CE

Tritanopia

#CBCAC9

Achromatopsia

#BFBFBF

CSS Usage

background-color: #CCB8D8;
color: #CCB8D8;
border-color: #CCB8D8;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C6B0D4
400
#A885BC
500
#895AA5
600
#6D4884
700
#583A69
800
#442D52
900
#34243D
950
#211727

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.42:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026