#DED6FD

#DED6FD

Color Values

HEX

#DED6FD

RGB

222, 214, 253

HSL

252.3, 90.7%, 91.6%

HSV

252.3, 15.4%, 99.2%

CMYK

12.3%, 15.4%, 0.0%, 0.8%

OKLCH

0.8947 0.0536 294.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DED6FD

#F5FDD6

Analogous

#D6E2FD

#F2D6FD

#DED6FD

Triadic

#DED6FD

#FDDED6

#D6FDDE

Split Complementary

#DED6FD

#FDF2D6

#E2FDD6

Tetradic

#DED6FD

#FDD6E2

#F5FDD6

#D6FDF2

Color Blindness Simulation

Original

#DED6FD

Protanopia

#DBDAF4

Deuteranopia

#DBDCF1

Tritanopia

#DEECEA

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C8BBFC
300
#A18AF9
400
#6E4BF6
500
#3B0CF3
600
#2F09C3
700
#26089C
800
#1E067A
900
#190958
950
#100638

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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