#ECDAFA

#ECDAFA

Color Values

HEX

#ECDAFA

RGB

236, 218, 250

HSL

273.8, 76.2%, 91.8%

HSV

273.8, 12.8%, 98.0%

CMYK

5.6%, 12.8%, 0.0%, 2.0%

OKLCH

0.9126 0.047 310.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECDAFA

#E8FADA

Analogous

#DCDAFA

#FADAF8

#ECDAFA

Triadic

#ECDAFA

#FAECDA

#DAFAEC

Split Complementary

#ECDAFA

#F8FADA

#DAFADC

Tetradic

#ECDAFA

#FADCDA

#E8FADA

#DAF8FA

Color Blindness Simulation

Original

#ECDAFA

Protanopia

#E4E4F2

Deuteranopia

#E5E7F0

Tritanopia

#EBECEB

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F7
300
#C893F0
400
#AA59E9
500
#8C1EE1
600
#7018B4
700
#591390
800
#460F70
900
#350F52
950
#210A34

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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