#E7DCFD

#E7DCFD

Color Values

HEX

#E7DCFD

RGB

231, 220, 253

HSL

260.0, 89.2%, 92.7%

HSV

260.0, 13.0%, 99.2%

CMYK

8.7%, 13.0%, 0.0%, 0.8%

OKLCH

0.9133 0.0459 300.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E7DCFD

#F2FDDC

Analogous

#DCE1FD

#F7DCFD

#E7DCFD

Triadic

#E7DCFD

#FDE7DC

#DCFDE7

Split Complementary

#E7DCFD

#FDF7DC

#E1FDDC

Tetradic

#E7DCFD

#FDDCE1

#F2FDDC

#DCFDF7

Color Blindness Simulation

Original

#E7DCFD

Protanopia

#E2E2F5

Deuteranopia

#E3E4F3

Tritanopia

#E6EFED

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E9E0FB
200
#D1BBFB
300
#B08BF8
400
#854CF5
500
#5A0EF1
600
#480BC1
700
#39099A
800
#2D0779
900
#230A57
950
#160637

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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