#E2DAEE

#E2DAEE

Color Values

HEX

#E2DAEE

RGB

226, 218, 238

HSL

264.0, 37.0%, 89.4%

HSV

264.0, 8.4%, 93.3%

CMYK

5.0%, 8.4%, 0.0%, 6.7%

OKLCH

0.9007 0.0283 303.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2DAEE

#E6EEDA

Analogous

#DADCEE

#ECDAEE

#E2DAEE

Triadic

#E2DAEE

#EEE2DA

#DAEEE2

Split Complementary

#E2DAEE

#EEECDA

#DCEEDA

Tetradic

#E2DAEE

#EEDADC

#E6EEDA

#DAEEEC

Color Blindness Simulation

Original

#E2DAEE

Protanopia

#DFDEE9

Deuteranopia

#DFE0E8

Tritanopia

#E2E5E4

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D9CEE9
300
#BDABD8
400
#9A7EC4
500
#7650AF
600
#5E408C
700
#4C3370
800
#3B2857
900
#2D2041
950
#1D1429

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026