#CCA4EF

#CCA4EF

Color Values

HEX

#CCA4EF

RGB

204, 164, 239

HSL

272.0, 70.1%, 79.0%

HSV

272.0, 31.4%, 93.7%

CMYK

14.6%, 31.4%, 0.0%, 6.3%

OKLCH

0.7811 0.1123 308.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCA4EF

#C7EFA4

Analogous

#A6A4EF

#EFA4EC

#CCA4EF

Triadic

#CCA4EF

#EFCCA4

#A4EFCC

Split Complementary

#CCA4EF

#ECEFA4

#A4EFA6

Tetradic

#CCA4EF

#EFA6A4

#C7EFA4

#A4ECEF

Color Blindness Simulation

Original

#CCA4EF

Protanopia

#BBBADD

Deuteranopia

#BDC0D8

Tritanopia

#CACFCB

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DDC2F4
300
#C597ED
400
#A55FE3
500
#8526D9
600
#6B1EAE
700
#55188B
800
#43136C
900
#32124F
950
#200B32

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026