#DCD4E3

#DCD4E3

Color Values

HEX

#DCD4E3

RGB

220, 212, 227

HSL

272.0, 21.1%, 86.1%

HSV

272.0, 6.6%, 89.0%

CMYK

3.1%, 6.6%, 0.0%, 11.0%

OKLCH

0.8808 0.0221 309.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCD4E3

#DBE3D4

Analogous

#D5D4E3

#E3D4E3

#DCD4E3

Triadic

#DCD4E3

#E3DCD4

#D4E3DC

Split Complementary

#DCD4E3

#E3E3D4

#D4E3D5

Tetradic

#DCD4E3

#E3D5D4

#DBE3D4

#D4E3E3

Color Blindness Simulation

Original

#DCD4E3

Protanopia

#D9D8DF

Deuteranopia

#D9DADE

Tritanopia

#DCDDDC

Achromatopsia

#D7D7D7

CSS Usage

background-color: #DCD4E3;
color: #DCD4E3;
border-color: #DCD4E3;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DCD4E3
300
#C3B5CF
400
#A28DB5
500
#81659A
600
#67507C
700
#534063
800
#41324D
900
#31273A
950
#1F1924

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.57:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026