#ECD3FA

#ECD3FA

Color Values

HEX

#ECD3FA

RGB

236, 211, 250

HSL

278.5, 79.6%, 90.4%

HSV

278.5, 15.6%, 98.0%

CMYK

5.6%, 15.6%, 0.0%, 2.0%

OKLCH

0.8994 0.0588 313.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECD3FA

#E1FAD3

Analogous

#D9D3FA

#FAD3F4

#ECD3FA

Triadic

#ECD3FA

#FAECD3

#D3FAEC

Split Complementary

#ECD3FA

#F4FAD3

#D3FAD9

Tetradic

#ECD3FA

#FAD9D3

#E1FAD3

#D3F4FA

Color Blindness Simulation

Original

#ECD3FA

Protanopia

#E1E1F1

Deuteranopia

#E3E4EE

Tritanopia

#EBE9E7

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E1F9
200
#E3BFF8
300
#D091F3
400
#B656EC
500
#9C1AE5
600
#7D15B7
700
#641193
800
#4E0D72
900
#3A0E53
950
#250935

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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