#DCD3ED

#DCD3ED

Color Values

HEX

#DCD3ED

RGB

220, 211, 237

HSL

260,8, 41,9%, 87,8%

HSV

260,8, 11,0%, 92,9%

CMYK

7,2%, 11,0%, 0,0%, 7,1%

OKLCH

0,882 0,0366 301,4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCD3ED

#E4EDD3

Analogous

#D3D7ED

#E9D3ED

#DCD3ED

Triadic

#DCD3ED

#EDDCD3

#D3EDDC

Split Complementary

#DCD3ED

#EDE9D3

#D7EDD3

Tetradic

#DCD3ED

#EDD3D7

#E4EDD3

#D3EDE9

Color Blindness Simulation

Original

#DCD3ED

Protanopia

#D8D8E7

Deuteranopia

#D9D9E5

Tritanopia

#DCE2E1

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EBE7F4
200
#D7CCEA
300
#BAA8DB
400
#9579C8
500
#6F4AB5
600
#593B91
700
#472F74
800
#38255A
900
#2B1E43
950
#1B132A

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,58: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