#DCDEE3

#DCDEE3

Color Values

HEX

#DCDEE3

RGB

220, 222, 227

HSL

222.9, 11.1%, 87.6%

HSV

222.9, 3.1%, 89.0%

CMYK

3.1%, 2.2%, 0.0%, 11.0%

OKLCH

0.9005 0.0071 268.5

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCDEE3

#E3E1DC

Analogous

#DCE1E3

#DDDCE3

#DCDEE3

Triadic

#DCDEE3

#E3DCDE

#DEE3DC

Split Complementary

#DCDEE3

#E3DDDC

#E1E3DC

Tetradic

#DCDEE3

#E3DCE1

#E3E1DC

#DCE3DD

Color Blindness Simulation

Original

#DCDEE3

Protanopia

#DDDDE2

Deuteranopia

#DDDDE1

Tritanopia

#DCE1E1

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DCDEE3;
color: #DCDEE3;
border-color: #DCDEE3;
Nearest Tailwind: Zinc 200 #E4E4E7

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7DADF
300
#BBBFC9
400
#969CAB
500
#71798E
600
#5B6171
700
#494E5B
800
#393D47
900
#2C2E35
950
#1C1D22

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.6: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