#DFE2E7

#DFE2E7

Color Values

HEX

#DFE2E7

RGB

223, 226, 231

HSL

217.5, 14.3%, 89.0%

HSV

217.5, 3.5%, 90.6%

CMYK

3.5%, 2.2%, 0.0%, 9.4%

OKLCH

0.9119 0.0075 260.7

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DFE2E7

#E7E4DF

Analogous

#DFE6E7

#E0DFE7

#DFE2E7

Triadic

#DFE2E7

#E7DFE2

#E2E7DF

Split Complementary

#DFE2E7

#E7E0DF

#E6E7DF

Tetradic

#DFE2E7

#E7DFE6

#E7E4DF

#DFE7E0

Color Blindness Simulation

Original

#DFE2E7

Protanopia

#E0E0E6

Deuteranopia

#E0E0E6

Tritanopia

#DFE5E5

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#B9C0CB
400
#939DAE
500
#6D7B92
600
#576275
700
#464F5D
800
#373D49
900
#2A2F37
950
#1B1E23

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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