#E7DCFC

#E7DCFC

Color Values

HEX

#E7DCFC

RGB

231, 220, 252

HSL

260.6, 84.2%, 92.5%

HSV

260.6, 12.7%, 98.8%

CMYK

8.3%, 12.7%, 0.0%, 1.2%

OKLCH

0.913 0.0446 301.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E7DCFC

#F1FCDC

Analogous

#DCE1FC

#F7DCFC

#E7DCFC

Triadic

#E7DCFC

#FCE7DC

#DCFCE7

Split Complementary

#E7DCFC

#FCF7DC

#E1FCDC

Tetradic

#E7DCFC

#FCDCE1

#F1FCDC

#DCFCF7

Color Blindness Simulation

Original

#E7DCFC

Protanopia

#E2E2F4

Deuteranopia

#E3E4F2

Tritanopia

#E6EEED

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D2BDF9
300
#B28EF5
400
#8851F0
500
#5E14EB
600
#4B10BC
700
#3C0D96
800
#2F0A75
900
#250C55
950
#170736

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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