#CFABEC

#CFABEC

Color Values

HEX

#CFABEC

RGB

207, 171, 236

HSL

273,2, 63,1%, 79,8%

HSV

273,2, 27,5%, 92,5%

CMYK

12,3%, 27,5%, 0,0%, 7,5%

OKLCH

0,7952 0,0978 309,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFABEC

#C8ECAB

Analogous

#AEABEC

#ECABE9

#CFABEC

Triadic

#CFABEC

#ECCFAB

#ABECCF

Split Complementary

#CFABEC

#E9ECAB

#ABECAE

Tetradic

#CFABEC

#ECAEAB

#C8ECAB

#ABE9EC

Color Blindness Simulation

Original

#CFABEC

Protanopia

#BFBFDC

Deuteranopia

#C2C4D8

Tritanopia

#CDD0CD

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE8
400
#A765DC
500
#882FD0
600
#6D26A6
700
#571E85
800
#441868
900
#33154C
950
#200D30

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026