#E1CDFC

#E1CDFC

Color Values

HEX

#E1CDFC

RGB

225, 205, 252

HSL

265,5, 88,7%, 89,6%

HSV

265,5, 18,7%, 98,8%

CMYK

10,7%, 18,7%, 0,0%, 1,2%

OKLCH

0,8797 0,0672 304,4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E1CDFC

#E8FCCD

Analogous

#CDD0FC

#F8CDFC

#E1CDFC

Triadic

#E1CDFC

#FCE1CD

#CDFCE1

Split Complementary

#E1CDFC

#FCF8CD

#D0FCCD

Tetradic

#E1CDFC

#FCCDD0

#E8FCCD

#CDFCF8

Color Blindness Simulation

Original

#E1CDFC

Protanopia

#D8D8F1

Deuteranopia

#DADBEE

Tritanopia

#E0E8E6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #E1CDFC;
color: #E1CDFC;
border-color: #E1CDFC;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D7BCFB
300
#BA8CF8
400
#944DF4
500
#6F0EF1
600
#580CC0
700
#47099A
800
#370778
900
#2B0A57
950
#1B0637

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,34: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