#E3D6EB

#E3D6EB

Color Values

HEX

#E3D6EB

RGB

227, 214, 235

HSL

277.1, 34.4%, 88.0%

HSV

277.1, 8.9%, 92.2%

CMYK

3.4%, 8.9%, 0.0%, 7.8%

OKLCH

0.8928 0.0316 312.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E3D6EB

#DEEBD6

Analogous

#D8D6EB

#EBD6E8

#E3D6EB

Triadic

#E3D6EB

#EBE3D6

#D6EBE3

Split Complementary

#E3D6EB

#E8EBD6

#D6EBD8

Tetradic

#E3D6EB

#EBD8D6

#DEEBD6

#D6E8EB

Color Blindness Simulation

Original

#E3D6EB

Protanopia

#DDDDE6

Deuteranopia

#DEDFE5

Tritanopia

#E2E2E1

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DECFE8
300
#C7ADD7
400
#A880C1
500
#8A54AB
600
#6E4389
700
#58366E
800
#452A56
900
#34213F
950
#211528

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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