#CCAAF4

#CCAAF4

Color Values

HEX

#CCAAF4

RGB

204, 170, 244

HSL

267.6, 77.1%, 81.2%

HSV

267.6, 30.3%, 95.7%

CMYK

16.4%, 30.3%, 0.0%, 4.3%

OKLCH

0.7939 0.1085 305.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCAAF4

#D2F4AA

Analogous

#AAADF4

#F1AAF4

#CCAAF4

Triadic

#CCAAF4

#F4CCAA

#AAF4CC

Split Complementary

#CCAAF4

#F4F1AA

#ADF4AA

Tetradic

#CCAAF4

#F4AAAD

#D2F4AA

#AAF4F1

Color Blindness Simulation

Original

#CCAAF4

Protanopia

#BDBDE2

Deuteranopia

#BFC2DE

Tritanopia

#CAD4D1

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE1F9
200
#D9C0F7
300
#BE93F1
400
#9B58E9
500
#781DE2
600
#6017B5
700
#4D1391
800
#3C0F71
900
#2E0F52
950
#1D0934

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.62: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