#CCAAF3

#CCAAF3

Color Values

HEX

#CCAAF3

RGB

204, 170, 243

HSL

267.9, 75.3%, 81.0%

HSV

267.9, 30.0%, 95.3%

CMYK

16.0%, 30.0%, 0.0%, 4.7%

OKLCH

0.7935 0.1073 305.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCAAF3

#D1F3AA

Analogous

#AAADF3

#F0AAF3

#CCAAF3

Triadic

#CCAAF3

#F3CCAA

#AAF3CC

Split Complementary

#CCAAF3

#F3F0AA

#ADF3AA

Tetradic

#CCAAF3

#F3AAAD

#D1F3AA

#AAF3F0

Color Blindness Simulation

Original

#CCAAF3

Protanopia

#BDBDE1

Deuteranopia

#BFC2DD

Tritanopia

#CAD3D0

Achromatopsia

#B6B6B6

CSS Usage

background-color: #CCAAF3;
color: #CCAAF3;
border-color: #CCAAF3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D9C0F6
300
#BF94F0
400
#9C5AE8
500
#791FE0
600
#6119B3
700
#4D148F
800
#3C1070
900
#2E1051
950
#1D0A33

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026