#E1DCF3

#E1DCF3

Color Values

HEX

#E1DCF3

RGB

225, 220, 243

HSL

253.0, 48.9%, 90.8%

HSV

253.0, 9.5%, 95.3%

CMYK

7.4%, 9.5%, 0.0%, 4.7%

OKLCH

0.9053 0.0315 295.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E1DCF3

#EEF3DC

Analogous

#DCE3F3

#EDDCF3

#E1DCF3

Triadic

#E1DCF3

#F3E1DC

#DCF3E1

Split Complementary

#E1DCF3

#F3EDDC

#E3F3DC

Tetradic

#E1DCF3

#F3DCE3

#EEF3DC

#DCF3ED

Color Blindness Simulation

Original

#E1DCF3

Protanopia

#DFDFED

Deuteranopia

#DFE0EC

Tritanopia

#E1E9E8

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#E9E6F5
200
#D1CAED
300
#B1A4E0
400
#8773CF
500
#5C41BE
600
#4A3498
700
#3B2A7A
800
#2E215F
900
#241B46
950
#17112C

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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