#CEA6EE

#CEA6EE

Color Values

HEX

#CEA6EE

RGB

206, 166, 238

HSL

273.3, 67.9%, 79.2%

HSV

273.3, 30.3%, 93.3%

CMYK

13.4%, 30.3%, 0.0%, 6.7%

OKLCH

0.7861 0.1084 309.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEA6EE

#C6EEA6

Analogous

#AAA6EE

#EEA6EA

#CEA6EE

Triadic

#CEA6EE

#EECEA6

#A6EECE

Split Complementary

#CEA6EE

#EAEEA6

#A6EEAA

Tetradic

#CEA6EE

#EEAAA6

#C6EEA6

#A6EAEE

Color Blindness Simulation

Original

#CEA6EE

Protanopia

#BDBCDD

Deuteranopia

#BFC2D8

Tritanopia

#CCCFCC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC3F4
300
#C698EB
400
#A861E1
500
#8929D6
600
#6E21AB
700
#581A89
800
#45146B
900
#34134E
950
#210C31

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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