#E3DEF1

#E3DEF1

Color Values

HEX

#E3DEF1

RGB

227, 222, 241

HSL

255.8, 40.4%, 90.8%

HSV

255.8, 7.9%, 94.5%

CMYK

5.8%, 7.9%, 0.0%, 5.5%

OKLCH

0.9102 0.0262 297.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E3DEF1

#ECF1DE

Analogous

#DEE3F1

#EDDEF1

#E3DEF1

Triadic

#E3DEF1

#F1E3DE

#DEF1E3

Split Complementary

#E3DEF1

#F1EDDE

#E3F1DE

Tetradic

#E3DEF1

#F1DEE3

#ECF1DE

#DEF1ED

Color Blindness Simulation

Original

#E3DEF1

Protanopia

#E1E1EC

Deuteranopia

#E1E1EB

Tritanopia

#E3E9E8

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDEA
300
#B6A9DB
400
#8F7BC7
500
#674CB3
600
#523D8F
700
#423173
800
#34265A
900
#281F42
950
#19132A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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