#DEE2DD

#DEE2DD

Color Values

HEX

#DEE2DD

RGB

222, 226, 221

HSL

108.0, 7.9%, 87.6%

HSV

108.0, 2.2%, 88.6%

CMYK

1.8%, 0.0%, 2.2%, 11.4%

OKLCH

0.9083 0.008 139.4

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DEE2DD

#E1DDE2

Analogous

#E0E2DD

#DDE2DE

#DEE2DD

Triadic

#DEE2DD

#DDDEE2

#E2DDDE

Split Complementary

#DEE2DD

#DEDDE2

#E2DDE0

Tetradic

#DEE2DD

#DDE0E2

#E1DDE2

#E2DEDD

Color Blindness Simulation

Original

#DEE2DD

Protanopia

#E0E0DE

Deuteranopia

#E0DFDE

Tritanopia

#DEDFDF

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADED8
300
#BFC7BD
400
#9CA899
500
#798A75
600
#616E5E
700
#4E584B
800
#3D453B
900
#2E342D
950
#1D211C

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.03:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026