#E3DEEF

#E3DEEF

Color Values

HEX

#E3DEEF

RGB

227, 222, 239

HSL

257.6, 34.7%, 90.4%

HSV

257.6, 7.1%, 93.7%

CMYK

5.0%, 7.1%, 0.0%, 6.3%

OKLCH

0.9096 0.0235 299.3

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E3DEEF

#EAEFDE

Analogous

#DEE2EF

#ECDEEF

#E3DEEF

Triadic

#E3DEEF

#EFE3DE

#DEEFE3

Split Complementary

#E3DEEF

#EFECDE

#E2EFDE

Tetradic

#E3DEEF

#EFDEE2

#EAEFDE

#DEEFEC

Color Blindness Simulation

Original

#E3DEEF

Protanopia

#E1E1EB

Deuteranopia

#E1E1EA

Tritanopia

#E3E8E7

Achromatopsia

#E0E0E0

CSS Usage

background-color: #E3DEEF;
color: #E3DEEF;
border-color: #E3DEEF;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F6F5FA
100
#EBE8F2
200
#D6CFE8
300
#B9ADD7
400
#9380C1
500
#6D53AC
600
#574389
700
#46356E
800
#372A56
900
#2A2140
950
#1B1528

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.96:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026