#E2DCF1

#E2DCF1

Color Values

HEX

#E2DCF1

RGB

226, 220, 241

HSL

257.1, 42.9%, 90.4%

HSV

257.1, 8.7%, 94.5%

CMYK

6.2%, 8.7%, 0.0%, 5.5%

OKLCH

0.9055 0.029 298.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2DCF1

#EBF1DC

Analogous

#DCE1F1

#EDDCF1

#E2DCF1

Triadic

#E2DCF1

#F1E2DC

#DCF1E2

Split Complementary

#E2DCF1

#F1EDDC

#E1F1DC

Tetradic

#E2DCF1

#F1DCE1

#EBF1DC

#DCF1ED

Color Blindness Simulation

Original

#E2DCF1

Protanopia

#DFDFEC

Deuteranopia

#E0E0EB

Tritanopia

#E2E8E7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F4
200
#D5CCEB
300
#B7A8DC
400
#8F78C9
500
#6849B6
600
#533A92
700
#432F75
800
#34245B
900
#281E43
950
#1A132A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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