#CCA7EE

#CCA7EE

Color Values

HEX

#CCA7EE

RGB

204, 167, 238

HSL

271.3, 67.6%, 79.4%

HSV

271.3, 29.8%, 93.3%

CMYK

14.3%, 29.8%, 0.0%, 6.7%

OKLCH

0.786 0.106 307.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCA7EE

#C9EEA7

Analogous

#A8A7EE

#EEA7EC

#CCA7EE

Triadic

#CCA7EE

#EECCA7

#A7EECC

Split Complementary

#CCA7EE

#ECEEA7

#A7EEA8

Tetradic

#CCA7EE

#EEA8A7

#C9EEA7

#A7ECEE

Color Blindness Simulation

Original

#CCA7EE

Protanopia

#BCBCDD

Deuteranopia

#BEC1D9

Tritanopia

#CACFCC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DCC3F3
300
#C498EB
400
#A361E0
500
#8329D6
600
#6921AB
700
#541A89
800
#42156B
900
#32134E
950
#1F0C31

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026