#DFDEE3

#DFDEE3

Color Values

HEX

#DFDEE3

RGB

223, 222, 227

HSL

252.0, 8.2%, 88.0%

HSV

252.0, 2.2%, 89.0%

CMYK

1.8%, 2.2%, 0.0%, 11.0%

OKLCH

0.9028 0.0068 295.4

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DFDEE3

#E2E3DE

Analogous

#DEDFE3

#E1DEE3

#DFDEE3

Triadic

#DFDEE3

#E3DFDE

#DEE3DF

Split Complementary

#DFDEE3

#E3E1DE

#DFE3DE

Tetradic

#DFDEE3

#E3DEDF

#E2E3DE

#DEE3E1

Color Blindness Simulation

Original

#DFDEE3

Protanopia

#DFDFE2

Deuteranopia

#DFDFE1

Tritanopia

#DFE1E1

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#DAD8DE
300
#BFBDC7
400
#9C99A8
500
#79758A
600
#615E6E
700
#4E4B58
800
#3D3B45
900
#2E2D34
950
#1D1C21

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.7:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026