#ECD9FC

#ECD9FC

Color Values

HEX

#ECD9FC

RGB

236, 217, 252

HSL

272,6, 85,4%, 92,0%

HSV

272,6, 13,9%, 98,8%

CMYK

6,3%, 13,9%, 0,0%, 1,2%

OKLCH

0,9113 0,0511 309,6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECD9FC

#E9FCD9

Analogous

#DBD9FC

#FCD9FB

#ECD9FC

Triadic

#ECD9FC

#FCECD9

#D9FCEC

Split Complementary

#ECD9FC

#FBFCD9

#D9FCDB

Tetradic

#ECD9FC

#FCDBD9

#E9FCD9

#D9FBFC

Color Blindness Simulation

Original

#ECD9FC

Protanopia

#E4E4F4

Deuteranopia

#E5E6F1

Tritanopia

#EBEDEB

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBDFA
300
#C68EF6
400
#A850F1
500
#8913EC
600
#6E0FBD
700
#580C97
800
#440976
900
#340B56
950
#210736

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,9: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