#DCDAE4

#DCDAE4

Color Values

HEX

#DCDAE4

RGB

220, 218, 228

HSL

252.0, 15.6%, 87.5%

HSV

252.0, 4.4%, 89.4%

CMYK

3.5%, 4.4%, 0.0%, 10.6%

OKLCH

0.8929 0.0137 295.3

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCDAE4

#E2E4DA

Analogous

#DADDE4

#E1DAE4

#DCDAE4

Triadic

#DCDAE4

#E4DCDA

#DAE4DC

Split Complementary

#DCDAE4

#E4E1DA

#DDE4DA

Tetradic

#DCDAE4

#E4DADD

#E2E4DA

#DAE4E1

Color Blindness Simulation

Original

#DCDAE4

Protanopia

#DBDBE2

Deuteranopia

#DBDBE1

Tritanopia

#DCE0DF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D8D6E1
300
#BCB8CB
400
#9892AF
500
#746C93
600
#5C5676
700
#4A455E
800
#3A364A
900
#2C2A37
950
#1C1A23

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026