#DFE2DF

#DFE2DF

Color Values

HEX

#DFE2DF

RGB

223, 226, 223

HSL

120.0, 4.9%, 88.0%

HSV

120.0, 1.3%, 88.6%

CMYK

1.3%, 0.0%, 1.3%, 11.4%

OKLCH

0.9096 0.0052 145.5

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DFE2DF

#E2DFE2

Analogous

#E0E2DF

#DFE2E0

#DFE2DF

Triadic

#DFE2DF

#DFDFE2

#E2DFDF

Split Complementary

#DFE2DF

#E0DFE2

#E2DFE0

Tetradic

#DFE2DF

#DFE0E2

#E2DFE2

#E2E0DF

Color Blindness Simulation

Original

#DFE2DF

Protanopia

#E0E0E0

Deuteranopia

#E0E0E0

Tritanopia

#DFE0E0

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADDDA
300
#BFC5BF
400
#9CA59C
500
#798679
600
#616B61
700
#4E564E
800
#3D433D
900
#2E332E
950
#1D201D

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.08:1

AA Pass AAA Pass

Part of These Collections

Radix UI Colors

Olive 5

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