#E3DAF0

#E3DAF0

Color Values

HEX

#E3DAF0

RGB

227, 218, 240

HSL

264.5, 42.3%, 89.8%

HSV

264.5, 9.2%, 94.1%

CMYK

5.4%, 9.2%, 0.0%, 5.9%

OKLCH

0.9021 0.0312 304.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E3DAF0

#E7F0DA

Analogous

#DADCF0

#EEDAF0

#E3DAF0

Triadic

#E3DAF0

#F0E3DA

#DAF0E3

Split Complementary

#E3DAF0

#F0EEDA

#DCF0DA

Tetradic

#E3DAF0

#F0DADC

#E7F0DA

#DAF0EE

Color Blindness Simulation

Original

#E3DAF0

Protanopia

#DFDFEB

Deuteranopia

#E0E0E9

Tritanopia

#E3E6E6

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F4
200
#D9CCEA
300
#BDA8DC
400
#9979C9
500
#764AB5
600
#5E3B91
700
#4B2F74
800
#3B255B
900
#2D1E43
950
#1C132A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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