#EADEFC

#EADEFC

Color Values

HEX

#EADEFC

RGB

234, 222, 252

HSL

264.0, 83.3%, 92.9%

HSV

264.0, 11.9%, 98.8%

CMYK

7.1%, 11.9%, 0.0%, 1.2%

OKLCH

0.9192 0.0422 303.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EADEFC

#F0FCDE

Analogous

#DEE1FC

#F9DEFC

#EADEFC

Triadic

#EADEFC

#FCEADE

#DEFCEA

Split Complementary

#EADEFC

#FCF9DE

#E1FCDE

Tetradic

#EADEFC

#FCDEE1

#F0FCDE

#DEFCF9

Color Blindness Simulation

Original

#EADEFC

Protanopia

#E5E5F5

Deuteranopia

#E6E6F3

Tritanopia

#E9EFEE

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE1FA
200
#D5BEF9
300
#B88FF5
400
#9152EF
500
#6A15EA
600
#5511BB
700
#440E96
800
#350B75
900
#290C55
950
#1A0836

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026