#CFAAEE

#CFAAEE

Color Values

HEX

#CFAAEE

RGB

207, 170, 238

HSL

272,6, 66,7%, 80,0%

HSV

272,6, 28,6%, 93,3%

CMYK

13,0%, 28,6%, 0,0%, 6,7%

OKLCH

0,7942 0,102 309,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFAAEE

#C9EEAA

Analogous

#ADAAEE

#EEAAEB

#CFAAEE

Triadic

#CFAAEE

#EECFAA

#AAEECF

Split Complementary

#CFAAEE

#EBEEAA

#AAEEAD

Tetradic

#CFAAEE

#EEADAA

#C9EEAA

#AAEBEE

Color Blindness Simulation

Original

#CFAAEE

Protanopia

#BFBFDE

Deuteranopia

#C1C4DA

Tritanopia

#CDD1CE

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC3F3
300
#C599EB
400
#A662E0
500
#872AD5
600
#6C22AA
700
#561B88
800
#43156A
900
#33134E
950
#200C31

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

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