#CCA5FD

#CCA5FD

Color Values

HEX

#CCA5FD

RGB

204, 165, 253

HSL

266,6, 95,7%, 82,0%

HSV

266,6, 34,8%, 99,2%

CMYK

19,4%, 34,8%, 0,0%, 0,8%

OKLCH

0,7889 0,1282 304,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCA5FD

#D6FDA5

Analogous

#A5AAFD

#F8A5FD

#CCA5FD

Triadic

#CCA5FD

#FDCCA5

#A5FDCC

Split Complementary

#CCA5FD

#FDF8A5

#AAFDA5

Tetradic

#CCA5FD

#FDA5AA

#D6FDA5

#A5FDF8

Color Blindness Simulation

Original

#CCA5FD

Protanopia

#BBBBE8

Deuteranopia

#BDC0E3

Tritanopia

#CAD7D3

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D7B9FD
300
#BB87FC
400
#9646FB
500
#7205FA
600
#5B04C8
700
#4904A0
800
#39037D
900
#2C075A
950
#1C0439

Contrast Checker

Text on white

2,03:1

AA Fail AAA Fail

Text on black

10,37: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