#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026