#E5DFFC

#E5DFFC

Color Values

HEX

#E5DFFC

RGB

229, 223, 252

HSL

252.4, 82.9%, 93.1%

HSV

252.4, 11.5%, 98.8%

CMYK

9.1%, 11.5%, 0.0%, 1.2%

OKLCH

0.9172 0.0396 295.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E5DFFC

#F6FCDF

Analogous

#DFE7FC

#F3DFFC

#E5DFFC

Triadic

#E5DFFC

#FCE5DF

#DFFCE5

Split Complementary

#E5DFFC

#FCF3DF

#E7FCDF

Tetradic

#E5DFFC

#FCDFE7

#F6FCDF

#DFFCF3

Color Blindness Simulation

Original

#E5DFFC

Protanopia

#E2E2F5

Deuteranopia

#E3E3F3

Tritanopia

#E5EFEE

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E1FA
200
#CABEF9
300
#A48FF5
400
#7352EF
500
#4116E9
600
#3411BB
700
#2A0E95
800
#210B75
900
#1B0C55
950
#110835

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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