#ECD2FE

#ECD2FE

Color Values

HEX

#ECD2FE

RGB

236, 210, 254

HSL

275.5, 95.7%, 91.0%

HSV

275.5, 17.3%, 99.6%

CMYK

7.1%, 17.3%, 0.0%, 0.4%

OKLCH

0.8989 0.0653 311.4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECD2FE

#E4FED2

Analogous

#D6D2FE

#FED2FA

#ECD2FE

Triadic

#ECD2FE

#FEECD2

#D2FEEC

Split Complementary

#ECD2FE

#FAFED2

#D2FED6

Tetradic

#ECD2FE

#FED6D2

#E4FED2

#D2FAFE

Color Blindness Simulation

Original

#ECD2FE

Protanopia

#E1E1F3

Deuteranopia

#E2E4F1

Tritanopia

#EBEBE9

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#F0DFFC
200
#E2B9FD
300
#CD87FC
400
#B146FB
500
#9605FA
600
#7804C8
700
#6004A0
800
#4B037D
900
#38075A
950
#230439

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.22: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