#E1DEEE

#E1DEEE

Color Values

HEX

#E1DEEE

RGB

225, 222, 238

HSL

251,2, 32,0%, 90,2%

HSV

251,2, 6,7%, 93,3%

CMYK

5,5%, 6,7%, 0,0%, 6,7%

OKLCH

0,9077 0,0218 294,6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E1DEEE

#EBEEDE

Analogous

#DEE3EE

#E9DEEE

#E1DEEE

Triadic

#E1DEEE

#EEE1DE

#DEEEE1

Split Complementary

#E1DEEE

#EEE9DE

#E3EEDE

Tetradic

#E1DEEE

#EEDEE3

#EBEEDE

#DEEEE9

Color Blindness Simulation

Original

#E1DEEE

Protanopia

#E0E0EA

Deuteranopia

#E0E0E9

Tritanopia

#E1E7E6

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B6AED5
400
#8E82BF
500
#6657A8
600
#524587
700
#41376C
800
#332B54
900
#28223E
950
#191627

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026