#CCA2E3

#CCA2E3

Color Values

HEX

#CCA2E3

RGB

204, 162, 227

HSL

278.8, 53.7%, 76.3%

HSV

278.8, 28.6%, 89.0%

CMYK

10.1%, 28.6%, 0.0%, 11.0%

OKLCH

0.7725 0.1011 313.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCA2E3

#B9E3A2

Analogous

#ACA2E3

#E3A2D9

#CCA2E3

Triadic

#CCA2E3

#E3CCA2

#A2E3CC

Split Complementary

#CCA2E3

#D9E3A2

#A2E3AC

Tetradic

#CCA2E3

#E3ACA2

#B9E3A2

#A2D9E3

Color Blindness Simulation

Original

#CCA2E3

Protanopia

#BAB9D3

Deuteranopia

#BCBFCF

Tritanopia

#CAC7C4

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#F0E5F5
200
#E1C8EE
300
#CBA1E3
400
#B06ED3
500
#943BC4
600
#762F9D
700
#5E267D
800
#4A1E62
900
#371948
950
#23102D

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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