#E3D6FD

#E3D6FD

Color Values

HEX

#E3D6FD

RGB

227, 214, 253

HSL

260.0, 90.7%, 91.6%

HSV

260.0, 15.4%, 99.2%

CMYK

10.3%, 15.4%, 0.0%, 0.8%

OKLCH

0.8987 0.0545 300.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E3D6FD

#F0FDD6

Analogous

#D6DDFD

#F7D6FD

#E3D6FD

Triadic

#E3D6FD

#FDE3D6

#D6FDE3

Split Complementary

#E3D6FD

#FDF7D6

#DDFDD6

Tetradic

#E3D6FD

#FDD6DD

#F0FDD6

#D6FDF7

Color Blindness Simulation

Original

#E3D6FD

Protanopia

#DDDDF4

Deuteranopia

#DEDFF1

Tritanopia

#E2ECEA

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E9DFFB
200
#D1BBFC
300
#AF8AF9
400
#844BF6
500
#590CF3
600
#4709C3
700
#39089C
800
#2C067A
900
#230958
950
#160638

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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