#ECBDFE

#ECBDFE

Color Values

HEX

#ECBDFE

RGB

236, 189, 254

HSL

283.4, 97.0%, 86.9%

HSV

283.4, 25.6%, 99.6%

CMYK

7.1%, 25.6%, 0.0%, 0.4%

OKLCH

0.8608 0.1012 316.5

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#ECBDFE

#CFFEBD

Analogous

#CCBDFE

#FEBDF0

#ECBDFE

Triadic

#ECBDFE

#FEECBD

#BDFEEC

Split Complementary

#ECBDFE

#F0FEBD

#BDFECC

Tetradic

#ECBDFE

#FECCBD

#CFFEBD

#BDF0FE

Color Blindness Simulation

Original

#ECBDFE

Protanopia

#D8D7EE

Deuteranopia

#DADEEA

Tritanopia

#EAE2DF

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#EBB9FE
300
#DC86FD
400
#CA45FC
500
#B704FB
600
#9203C9
700
#7502A1
800
#5B027E
900
#43065B
950
#2B0439

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.28:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026