#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026