#DED2FD

#DED2FD

Color Values

HEX

#DED2FD

RGB

222, 210, 253

HSL

256.7, 91.5%, 90.8%

HSV

256.7, 17.0%, 99.2%

CMYK

12.3%, 17.0%, 0.0%, 0.8%

OKLCH

0.8871 0.0598 297.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DED2FD

#F1FDD2

Analogous

#D2DCFD

#F3D2FD

#DED2FD

Triadic

#DED2FD

#FDDED2

#D2FDDE

Split Complementary

#DED2FD

#FDF3D2

#DCFDD2

Tetradic

#DED2FD

#FDD2DC

#F1FDD2

#D2FDF3

Color Blindness Simulation

Original

#DED2FD

Protanopia

#D9D9F3

Deuteranopia

#DADAF0

Tritanopia

#DDEAE9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CDBBFC
300
#A98AFA
400
#7A4AF7
500
#4C0BF4
600
#3D09C3
700
#30079C
800
#26057A
900
#1F0958
950
#130538

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026