#CC9AEF

#CC9AEF

Color Values

HEX

#CC9AEF

RGB

204, 154, 239

HSL

275,3, 72,6%, 77,1%

HSV

275,3, 35,6%, 93,7%

CMYK

14,6%, 35,6%, 0,0%, 6,3%

OKLCH

0,7635 0,1292 310,5

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CC9AEF

#BDEF9A

Analogous

#A29AEF

#EF9AE8

#CC9AEF

Triadic

#CC9AEF

#EFCC9A

#9AEFCC

Split Complementary

#CC9AEF

#E8EF9A

#9AEFA2

Tetradic

#CC9AEF

#EFA29A

#BDEF9A

#9AE8EF

Color Blindness Simulation

Original

#CC9AEF

Protanopia

#B6B6DA

Deuteranopia

#B9BDD5

Tritanopia

#C9CAC7

Achromatopsia

#ABABAB

CSS Usage

background-color: #CC9AEF;
color: #CC9AEF;
border-color: #CC9AEF;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#E0C1F5
300
#CA95EE
400
#AD5CE5
500
#9023DC
600
#731CB0
700
#5C168D
800
#48116E
900
#361150
950
#220B33

Contrast Checker

Text on white

2,23:1

AA Fail AAA Fail

Text on black

9,44: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