#E4DAF4

#E4DAF4

Color Values

HEX

#E4DAF4

RGB

228, 218, 244

HSL

263.1, 54.2%, 90.6%

HSV

263.1, 10.7%, 95.7%

CMYK

6.6%, 10.7%, 0.0%, 4.3%

OKLCH

0.9042 0.0366 303.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E4DAF4

#EAF4DA

Analogous

#DADDF4

#F1DAF4

#E4DAF4

Triadic

#E4DAF4

#F4E4DA

#DAF4E4

Split Complementary

#E4DAF4

#F4F1DA

#DDF4DA

Tetradic

#E4DAF4

#F4DADD

#EAF4DA

#DAF4F1

Color Blindness Simulation

Original

#E4DAF4

Protanopia

#E0E0EE

Deuteranopia

#E0E1EC

Tritanopia

#E4E9E8

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EBE5F5
200
#D7C8EF
300
#BAA1E3
400
#956ED4
500
#703AC5
600
#592F9D
700
#47257E
800
#381D62
900
#2B1948
950
#1B102E

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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