#EADEFD

#EADEFD

Color Values

HEX

#EADEFD

RGB

234, 222, 253

HSL

263.2, 88.6%, 93.1%

HSV

263.2, 12.3%, 99.2%

CMYK

7.5%, 12.3%, 0.0%, 0.8%

OKLCH

0.9195 0.0435 303.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EADEFD

#F1FDDE

Analogous

#DEE1FD

#F9DEFD

#EADEFD

Triadic

#EADEFD

#FDEADE

#DEFDEA

Split Complementary

#EADEFD

#FDF9DE

#E1FDDE

Tetradic

#EADEFD

#FDDEE1

#F1FDDE

#DEFDF9

Color Blindness Simulation

Original

#EADEFD

Protanopia

#E5E5F6

Deuteranopia

#E6E6F4

Tritanopia

#E9F0EE

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EAE0FB
200
#D4BCFB
300
#B68CF8
400
#8E4DF4
500
#660FF0
600
#520CC0
700
#41099A
800
#330778
900
#280A57
950
#190637

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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