#E2DEF2

#E2DEF2

Color Values

HEX

#E2DEF2

RGB

226, 222, 242

HSL

252.0, 43.5%, 91.0%

HSV

252.0, 8.3%, 94.9%

CMYK

6.6%, 8.3%, 0.0%, 5.1%

OKLCH

0.9097 0.0273 295.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2DEF2

#EEF2DE

Analogous

#DEE4F2

#ECDEF2

#E2DEF2

Triadic

#E2DEF2

#F2E2DE

#DEF2E2

Split Complementary

#E2DEF2

#F2ECDE

#E4F2DE

Tetradic

#E2DEF2

#F2DEE4

#EEF2DE

#DEF2EC

Color Blindness Simulation

Original

#E2DEF2

Protanopia

#E0E0ED

Deuteranopia

#E0E1EC

Tritanopia

#E2E9E8

Achromatopsia

#E0E0E0

CSS Usage

background-color: #E2DEF2;
color: #E2DEF2;
border-color: #E2DEF2;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F6F5FA
100
#E9E7F4
200
#D2CCEB
300
#B2A7DC
400
#8878CA
500
#5E48B7
600
#4B3A92
700
#3C2E75
800
#2F245B
900
#251D43
950
#17132B

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.96:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026