#EADCF3

#EADCF3

Color Values

HEX

#EADCF3

RGB

234, 220, 243

HSL

276.5, 48.9%, 90.8%

HSV

276.5, 9.5%, 95.3%

CMYK

3.7%, 9.5%, 0.0%, 4.7%

OKLCH

0.9125 0.0343 312.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EADCF3

#E5F3DC

Analogous

#DFDCF3

#F3DCF1

#EADCF3

Triadic

#EADCF3

#F3EADC

#DCF3EA

Split Complementary

#EADCF3

#F1F3DC

#DCF3DF

Tetradic

#EADCF3

#F3DFDC

#E5F3DC

#DCF1F3

Color Blindness Simulation

Original

#EADCF3

Protanopia

#E4E4ED

Deuteranopia

#E5E6EC

Tritanopia

#E9E9E8

Achromatopsia

#E1E1E1

CSS Usage

background-color: #EADCF3;
color: #EADCF3;
border-color: #EADCF3;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#DFCAED
300
#C8A4E0
400
#AB73CF
500
#8D41BE
600
#713498
700
#5A2A7A
800
#47215F
900
#351B46
950
#22112C

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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