#CFAEEF

#CFAEEF

Color Values

HEX

#CFAEEF

RGB

207, 174, 239

HSL

270.5, 67.0%, 81.0%

HSV

270.5, 27.2%, 93.7%

CMYK

13.4%, 27.2%, 0.0%, 6.3%

OKLCH

0.8018 0.0965 307.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFAEEF

#CEEFAE

Analogous

#AFAEEF

#EFAEEE

#CFAEEF

Triadic

#CFAEEF

#EFCFAE

#AEEFCF

Split Complementary

#CFAEEF

#EEEFAE

#AEEFAF

Tetradic

#CFAEEF

#EFAFAE

#CEEFAE

#AEEEEF

Color Blindness Simulation

Original

#CFAEEF

Protanopia

#C1C0DF

Deuteranopia

#C3C5DB

Tritanopia

#CDD3D0

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DCC3F3
300
#C299EB
400
#A261E0
500
#812AD5
600
#6722AA
700
#531B88
800
#40156A
900
#31134E
950
#1F0C31

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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