#CEABE3

#CEABE3

Color Values

HEX

#CEABE3

RGB

206, 171, 227

HSL

277.5, 50.0%, 78.0%

HSV

277.5, 24.7%, 89.0%

CMYK

9.3%, 24.7%, 0.0%, 11.0%

OKLCH

0.7907 0.0864 312.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEABE3

#C0E3AB

Analogous

#B2ABE3

#E3ABDC

#CEABE3

Triadic

#CEABE3

#E3CEAB

#ABE3CE

Split Complementary

#CEABE3

#DCE3AB

#ABE3B2

Tetradic

#CEABE3

#E3B2AB

#C0E3AB

#ABDCE3

Color Blindness Simulation

Original

#CEABE3

Protanopia

#BFBFD5

Deuteranopia

#C1C4D2

Tritanopia

#CCCBC8

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#E0C9ED
300
#C9A3E0
400
#AC71D0
500
#8F40BF
600
#733399
700
#5C297A
800
#482060
900
#361B46
950
#22112C

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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