#ECD7FC

#ECD7FC

Color Values

HEX

#ECD7FC

RGB

236, 215, 252

HSL

274,1, 86,0%, 91,6%

HSV

274,1, 14,7%, 98,8%

CMYK

6,3%, 14,7%, 0,0%, 1,2%

OKLCH

0,9076 0,0545 310,6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECD7FC

#E7FCD7

Analogous

#DAD7FC

#FCD7F9

#ECD7FC

Triadic

#ECD7FC

#FCECD7

#D7FCEC

Split Complementary

#ECD7FC

#F9FCD7

#D7FCDA

Tetradic

#ECD7FC

#FCDAD7

#E7FCD7

#D7F9FC

Color Blindness Simulation

Original

#ECD7FC

Protanopia

#E3E3F3

Deuteranopia

#E4E6F1

Tritanopia

#EBECEA

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#DFBDFA
300
#C98DF6
400
#AC50F2
500
#8E12ED
600
#720EBE
700
#5B0B98
800
#470977
900
#360B56
950
#220736

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

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