#E4D8FD

#E4D8FD

Color Values

HEX

#E4D8FD

RGB

228, 216, 253

HSL

259.5, 90.2%, 92.0%

HSV

259.5, 14.6%, 99.2%

CMYK

9.9%, 14.6%, 0.0%, 0.8%

OKLCH

0.9033 0.0516 300.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E4D8FD

#F1FDD8

Analogous

#D8DFFD

#F7D8FD

#E4D8FD

Triadic

#E4D8FD

#FDE4D8

#D8FDE4

Split Complementary

#E4D8FD

#FDF7D8

#DFFDD8

Tetradic

#E4D8FD

#FDD8DF

#F1FDD8

#D8FDF7

Color Blindness Simulation

Original

#E4D8FD

Protanopia

#DFDFF4

Deuteranopia

#E0E0F2

Tritanopia

#E3EDEB

Achromatopsia

#DDDDDD

CSS Usage

background-color: #E4D8FD;
color: #E4D8FD;
border-color: #E4D8FD;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BBFC
300
#AE8BF9
400
#834CF6
500
#570CF3
600
#460AC2
700
#38089B
800
#2C0679
900
#230958
950
#160637

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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