#DCD5EE

#DCD5EE

Color Values

HEX

#DCD5EE

RGB

220, 213, 238

HSL

256,8, 42,4%, 88,4%

HSV

256,8, 10,5%, 93,3%

CMYK

7,6%, 10,5%, 0,0%, 6,7%

OKLCH

0,8862 0,0348 298,5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCD5EE

#E7EED5

Analogous

#D5DAEE

#E8D5EE

#DCD5EE

Triadic

#DCD5EE

#EEDCD5

#D5EEDC

Split Complementary

#DCD5EE

#EEE8D5

#DAEED5

Tetradic

#DCD5EE

#EED5DA

#E7EED5

#D5EEE8

Color Blindness Simulation

Original

#DCD5EE

Protanopia

#D9D9E8

Deuteranopia

#D9DAE6

Tritanopia

#DCE3E2

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F4
200
#D5CCEA
300
#B6A8DC
400
#8F79C9
500
#6849B6
600
#533B91
700
#422F74
800
#34255B
900
#281E43
950
#19132A

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,8:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026