#CEAEFA

#CEAEFA

Color Values

HEX

#CEAEFA

RGB

206, 174, 250

HSL

265,3, 88,4%, 83,1%

HSV

265,3, 30,4%, 98,0%

CMYK

17,6%, 30,4%, 0,0%, 2,0%

OKLCH

0,8055 0,1102 303,3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEAEFA

#DAFAAE

Analogous

#AEB4FA

#F4AEFA

#CEAEFA

Triadic

#CEAEFA

#FACEAE

#AEFACE

Split Complementary

#CEAEFA

#FAF4AE

#B4FAAE

Tetradic

#CEAEFA

#FAAEB4

#DAFAAE

#AEFAF4

Color Blindness Simulation

Original

#CEAEFA

Protanopia

#C0C0E8

Deuteranopia

#C2C4E3

Tritanopia

#CCD9D6

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D6BCFB
300
#B98CF8
400
#944DF4
500
#6E0FF0
600
#580CC0
700
#46099A
800
#370778
900
#2A0A57
950
#1B0637

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,06:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026