#DCE1DA

#DCE1DA

Color Values

HEX

#DCE1DA

RGB

220, 225, 218

HSL

102.9, 10.4%, 86.9%

HSV

102.9, 3.1%, 88.2%

CMYK

2.2%, 0.0%, 3.1%, 11.8%

OKLCH

0.9039 0.0108 136.6

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCE1DA

#DFDAE1

Analogous

#E0E1DA

#DAE1DC

#DCE1DA

Triadic

#DCE1DA

#DADCE1

#E1DADC

Split Complementary

#DCE1DA

#DCDAE1

#E1DAE0

Tetradic

#DCE1DA

#DAE0E1

#DFDAE1

#E1DCDA

Color Blindness Simulation

Original

#DCE1DA

Protanopia

#DEDEDC

Deuteranopia

#DEDEDC

Tritanopia

#DCDDDD

Achromatopsia

#DFDFDF

CSS Usage

background-color: #DCE1DA;
color: #DCE1DA;
border-color: #DCE1DA;
Nearest Tailwind: Neutral 200 #E5E5E5

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#DADFD8
300
#BFC8BB
400
#9CAA97
500
#7A8D72
600
#61715B
700
#4E5A49
800
#3D4639
900
#2E352C
950
#1D211C

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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