#DED7EB

#DED7EB

Color Values

HEX

#DED7EB

RGB

222, 215, 235

HSL

261.0, 33.3%, 88.2%

HSV

261.0, 8.5%, 92.2%

CMYK

5.5%, 8.5%, 0.0%, 7.8%

OKLCH

0.8907 0.0281 301.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DED7EB

#E4EBD7

Analogous

#D7DAEB

#E8D7EB

#DED7EB

Triadic

#DED7EB

#EBDED7

#D7EBDE

Split Complementary

#DED7EB

#EBE8D7

#DAEBD7

Tetradic

#DED7EB

#EBD7DA

#E4EBD7

#D7EBE8

Color Blindness Simulation

Original

#DED7EB

Protanopia

#DBDBE6

Deuteranopia

#DBDCE5

Tritanopia

#DEE2E2

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#D8CFE7
300
#BCADD6
400
#9781C0
500
#7355AA
600
#5C4488
700
#49366D
800
#392B55
900
#2C223F
950
#1C1528

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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