#E2DCF9

#E2DCF9

Color Values

HEX

#E2DCF9

RGB

226, 220, 249

HSL

252.4, 70.7%, 92.0%

HSV

252.4, 11.6%, 97.6%

CMYK

9.2%, 11.6%, 0.0%, 2.4%

OKLCH

0.9081 0.0397 295.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2DCF9

#F3F9DC

Analogous

#DCE5F9

#F1DCF9

#E2DCF9

Triadic

#E2DCF9

#F9E2DC

#DCF9E2

Split Complementary

#E2DCF9

#F9F1DC

#E5F9DC

Tetradic

#E2DCF9

#F9DCE5

#F3F9DC

#DCF9F1

Color Blindness Simulation

Original

#E2DCF9

Protanopia

#DFDFF2

Deuteranopia

#E0E0F0

Tritanopia

#E2ECEB

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CCC2F5
300
#A897ED
400
#7A5EE3
500
#4B25DA
600
#3C1EAE
700
#30188B
800
#25136D
900
#1E124F
950
#130B32

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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