#DFDCE2

#DFDCE2

Color Values

HEX

#DFDCE2

RGB

223, 220, 226

HSL

270,0, 9,4%, 87,5%

HSV

270,0, 2,7%, 88,6%

CMYK

1,3%, 2,7%, 0,0%, 11,4%

OKLCH

0,8986 0,0087 308,4

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DFDCE2

#DFE2DC

Analogous

#DCDCE2

#E2DCE2

#DFDCE2

Triadic

#DFDCE2

#E2DFDC

#DCE2DF

Split Complementary

#DFDCE2

#E2E2DC

#DCE2DC

Tetradic

#DFDCE2

#E2DCDC

#DFE2DC

#DCE2E2

Color Blindness Simulation

Original

#DFDCE2

Protanopia

#DEDEE1

Deuteranopia

#DEDEE0

Tritanopia

#DFDFDF

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DBD8DF
300
#C2BCC8
400
#A198AA
500
#80748B
600
#665C70
700
#524A59
800
#403A46
900
#302C35
950
#1F1C21

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

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