#CFAAF3

#CFAAF3

Color Values

HEX

#CFAAF3

RGB

207, 170, 243

HSL

270,4, 75,3%, 81,0%

HSV

270,4, 30,0%, 95,3%

CMYK

14,8%, 30,0%, 0,0%, 4,7%

OKLCH

0,7962 0,1082 307,2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFAAF3

#CEF3AA

Analogous

#ABAAF3

#F3AAF3

#CFAAF3

Triadic

#CFAAF3

#F3CFAA

#AAF3CF

Split Complementary

#CFAAF3

#F3F3AA

#AAF3AB

Tetradic

#CFAAF3

#F3ABAA

#CEF3AA

#AAF3F3

Color Blindness Simulation

Original

#CFAAF3

Protanopia

#BFBFE1

Deuteranopia

#C1C4DD

Tritanopia

#CDD3D0

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC0F6
300
#C294F0
400
#A25AE8
500
#811FE0
600
#6719B3
700
#52148F
800
#401070
900
#311051
950
#1F0A33

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,7:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026