#CEADED

#CEADED

Color Values

HEX

#CEADED

RGB

206, 173, 237

HSL

270,9, 64,0%, 80,4%

HSV

270,9, 27,0%, 92,9%

CMYK

13,1%, 27,0%, 0,0%, 7,1%

OKLCH

0,7983 0,0953 307,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CEADED

#CCEDAD

Analogous

#AEADED

#EDADEC

#CEADED

Triadic

#CEADED

#EDCEAD

#ADEDCE

Split Complementary

#CEADED

#ECEDAD

#ADEDAE

Tetradic

#CEADED

#EDAEAD

#CCEDAD

#ADECED

Color Blindness Simulation

Original

#CEADED

Protanopia

#C0BFDE

Deuteranopia

#C2C4DA

Tritanopia

#CCD1CF

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DCC4F2
300
#C39BE9
400
#A264DD
500
#822ED1
600
#6825A7
700
#531D86
800
#411769
900
#31154C
950
#1F0D30

Contrast Checker

Text on white

1,94:1

AA Fail AAA Fail

Text on black

10,82: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