#DED5FE

#DED5FE

Color Values

HEX

#DED5FE

RGB

222, 213, 254

HSL

253.2, 95.3%, 91.6%

HSV

253.2, 16.1%, 99.6%

CMYK

12.6%, 16.1%, 0.0%, 0.4%

OKLCH

0.8931 0.0565 295.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DED5FE

#F5FED5

Analogous

#D5E1FE

#F3D5FE

#DED5FE

Triadic

#DED5FE

#FEDED5

#D5FEDE

Split Complementary

#DED5FE

#FEF3D5

#E1FED5

Tetradic

#DED5FE

#FED5E1

#F5FED5

#D5FEF3

Color Blindness Simulation

Original

#DED5FE

Protanopia

#DADAF4

Deuteranopia

#DBDBF2

Tritanopia

#DEECEB

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F4F1FE
100
#E5DFFC
200
#C8B9FD
300
#A187FC
400
#6E47FB
500
#3B06F9
600
#3005C7
700
#26049F
800
#1E037D
900
#19075A
950
#100439

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026