#ECD1FE

#ECD1FE

Color Values

HEX

#ECD1FE

RGB

236, 209, 254

HSL

276.0, 95.7%, 90.8%

HSV

276.0, 17.7%, 99.6%

CMYK

7.1%, 17.7%, 0.0%, 0.4%

OKLCH

0.8971 0.067 311.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECD1FE

#E3FED1

Analogous

#D6D1FE

#FED1FA

#ECD1FE

Triadic

#ECD1FE

#FEECD1

#D1FEEC

Split Complementary

#ECD1FE

#FAFED1

#D1FED6

Tetradic

#ECD1FE

#FED6D1

#E3FED1

#D1FAFE

Color Blindness Simulation

Original

#ECD1FE

Protanopia

#E0E0F3

Deuteranopia

#E2E4F0

Tritanopia

#EBEBE9

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F0DFFC
200
#E2B9FD
300
#CE87FC
400
#B346FB
500
#9805FA
600
#7A04C8
700
#6104A0
800
#4C037D
900
#39075A
950
#240439

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026