#EAD3F2

#EAD3F2

Color Values

HEX

#EAD3F2

RGB

234, 211, 242

HSL

284.5, 54.4%, 88.8%

HSV

284.5, 12.8%, 94.9%

CMYK

3.3%, 12.8%, 0.0%, 5.1%

OKLCH

0.8951 0.0485 317.4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EAD3F2

#DBF2D3

Analogous

#DAD3F2

#F2D3EA

#EAD3F2

Triadic

#EAD3F2

#F2EAD3

#D3F2EA

Split Complementary

#EAD3F2

#EAF2D3

#D3F2DA

Tetradic

#EAD3F2

#F2DAD3

#DBF2D3

#D3EAF2

Color Blindness Simulation

Original

#EAD3F2

Protanopia

#E0E0EB

Deuteranopia

#E1E3E9

Tritanopia

#E9E5E3

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E5F5
200
#E5C8EF
300
#D2A1E3
400
#B96DD4
500
#A13AC5
600
#812F9D
700
#67257E
800
#511D62
900
#3C1948
950
#26102E

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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