#E2DDF0

#E2DDF0

Color Values

HEX

#E2DDF0

RGB

226, 221, 240

HSL

255,8, 38,8%, 90,4%

HSV

255,8, 7,9%, 94,1%

CMYK

5,8%, 7,9%, 0,0%, 5,9%

OKLCH

0,9071 0,0262 297,9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2DDF0

#EBF0DD

Analogous

#DDE2F0

#ECDDF0

#E2DDF0

Triadic

#E2DDF0

#F0E2DD

#DDF0E2

Split Complementary

#E2DDF0

#F0ECDD

#E2F0DD

Tetradic

#E2DDF0

#F0DDE2

#EBF0DD

#DDF0EC

Color Blindness Simulation

Original

#E2DDF0

Protanopia

#E0E0EB

Deuteranopia

#E0E0EA

Tritanopia

#E2E8E7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D5CDE9
300
#B7AADA
400
#8F7CC5
500
#684EB1
600
#533E8E
700
#433271
800
#342758
900
#282041
950
#1A1429

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,83: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