#ECADF4

#ECADF4

Color Values

HEX

#ECADF4

RGB

236, 173, 244

HSL

293,2, 76,3%, 81,8%

HSV

293,2, 29,1%, 95,7%

CMYK

3,3%, 29,1%, 0,0%, 4,3%

OKLCH

0,8293 0,118 322,7

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#ECADF4

#B5F4AD

Analogous

#C9ADF4

#F4ADD9

#ECADF4

Triadic

#ECADF4

#F4ECAD

#ADF4EC

Split Complementary

#ECADF4

#D9F4AD

#ADF4C9

Tetradic

#ECADF4

#F4C9AD

#B5F4AD

#ADD9F4

Color Blindness Simulation

Original

#ECADF4

Protanopia

#D1D0E3

Deuteranopia

#D4D9DF

Tritanopia

#E9D5D2

Achromatopsia

#C0C0C0

CSS Usage

background-color: #ECADF4;
color: #ECADF4;
border-color: #ECADF4;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF2FC
100
#F6E2F9
200
#F0C0F7
300
#E693F0
400
#D859E9
500
#CB1EE1
600
#A218B4
700
#821390
800
#650F70
900
#4A0F52
950
#2F0A34

Contrast Checker

Text on white

1,77:1

AA Fail AAA Fail

Text on black

11,85: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