#CC8BC7

#CC8BC7

Color Values

HEX

#CC8BC7

RGB

204, 139, 199

HSL

304.6, 38.9%, 67.3%

HSV

304.6, 31.9%, 80.0%

CMYK

0.0%, 31.9%, 2.5%, 20.0%

OKLCH

0.7212 0.1117 329.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CC8BC7

#8BCC90

Analogous

#B18BCC

#CC8BA7

#CC8BC7

Triadic

#CC8BC7

#C7CC8B

#8BC7CC

Split Complementary

#CC8BC7

#A7CC8B

#8BCCB1

Tetradic

#CC8BC7

#CCB18B

#8BCC90

#8BA7CC

Color Blindness Simulation

Original

#CC8BC7

Protanopia

#B0AFB8

Deuteranopia

#B4B8B5

Tritanopia

#C9ADAA

Achromatopsia

#9D9D9D

CSS Usage

background-color: #CC8BC7;
color: #CC8BC7;
border-color: #CC8BC7;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE7
300
#DAAAD6
400
#C57CC0
500
#B14EA9
600
#8E3E88
700
#71326C
800
#592755
900
#411F3F
950
#291428

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026