#CEACF9

#CEACF9

Color Values

HEX

#CEACF9

RGB

206, 172, 249

HSL

266.5, 86.5%, 82.5%

HSV

266.5, 30.9%, 97.6%

CMYK

17.3%, 30.9%, 0.0%, 2.4%

OKLCH

0.8014 0.1122 304.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEACF9

#D7F9AC

Analogous

#ACB0F9

#F4ACF9

#CEACF9

Triadic

#CEACF9

#F9CEAC

#ACF9CE

Split Complementary

#CEACF9

#F9F4AC

#B0F9AC

Tetradic

#CEACF9

#F9ACB0

#D7F9AC

#ACF9F4

Color Blindness Simulation

Original

#CEACF9

Protanopia

#BFBFE6

Deuteranopia

#C1C4E2

Tritanopia

#CCD8D4

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BCFA
300
#BC8DF7
400
#974FF2
500
#7311EE
600
#5C0EBE
700
#490B98
800
#390977
900
#2C0B56
950
#1C0736

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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