#E4DAF0

#E4DAF0

Color Values

HEX

#E4DAF0

RGB

228, 218, 240

HSL

267.3, 42.3%, 89.8%

HSV

267.3, 9.2%, 94.1%

CMYK

5.0%, 9.2%, 0.0%, 5.9%

OKLCH

0.9029 0.0315 306.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E4DAF0

#E6F0DA

Analogous

#DADBF0

#EFDAF0

#E4DAF0

Triadic

#E4DAF0

#F0E4DA

#DAF0E4

Split Complementary

#E4DAF0

#F0EFDA

#DBF0DA

Tetradic

#E4DAF0

#F0DADB

#E6F0DA

#DAF0EF

Color Blindness Simulation

Original

#E4DAF0

Protanopia

#E0E0EB

Deuteranopia

#E0E1E9

Tritanopia

#E4E6E6

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DACCEA
300
#BFA8DC
400
#9D79C9
500
#7B4AB5
600
#623B91
700
#4E2F74
800
#3D255B
900
#2F1E43
950
#1E132A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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