#DCE0DF

#DCE0DF

Color Values

HEX

#DCE0DF

RGB

220, 224, 223

HSL

165,0, 6,1%, 87,1%

HSV

165,0, 1,8%, 87,8%

CMYK

1,8%, 0,0%, 0,4%, 12,2%

OKLCH

0,9033 0,0045 179,7

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCE0DF

#E0DCDD

Analogous

#DCE0DD

#DCDFE0

#DCE0DF

Triadic

#DCE0DF

#DFDCE0

#E0DFDC

Split Complementary

#DCE0DF

#E0DCDF

#E0DDDC

Tetradic

#DCE0DF

#DDDCE0

#E0DCDD

#DFE0DC

Color Blindness Simulation

Original

#DCE0DF

Protanopia

#DEDEDF

Deuteranopia

#DEDDDF

Tritanopia

#DCDFDF

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDC
300
#BEC6C4
400
#9BA6A4
500
#788783
600
#606C69
700
#4D5754
800
#3C4442
900
#2E3332
950
#1D201F

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,77: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