#DCDCED

#DCDCED

Color Values

HEX

#DCDCED

RGB

220, 220, 237

HSL

240,0, 32,1%, 89,6%

HSV

240,0, 7,2%, 92,9%

CMYK

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

OKLCH

0,8996 0,0231 285,9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCDCED

#EDEDDC

Analogous

#DCE4ED

#E4DCED

#DCDCED

Triadic

#DCDCED

#EDDCDC

#DCEDDC

Split Complementary

#DCDCED

#EDE4DC

#E4EDDC

Tetradic

#DCDCED

#EDDCE4

#EDEDDC

#DCEDE4

Color Blindness Simulation

Original

#DCDCED

Protanopia

#DCDCE9

Deuteranopia

#DCDCE8

Tritanopia

#DCE6E5

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DCDCED;
color: #DCDCED;
border-color: #DCDCED;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F5F5F9
100
#E8E8F2
200
#D0D0E7
300
#AEAED5
400
#8282BF
500
#5757A8
600
#454587
700
#37376C
800
#2B2B54
900
#22223E
950
#161627

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026