#DFE3D2

#DFE3D2

Color Values

HEX

#DFE3D2

RGB

223, 227, 210

HSL

74.1, 23.3%, 85.7%

HSV

74.1, 7.5%, 89.0%

CMYK

1.8%, 0.0%, 7.5%, 11.0%

OKLCH

0.9081 0.0231 117.6

Properties

Cool Light Nearest: RAL 9002 Grey White

Color Harmonies

Complementary

#DFE3D2

#D6D2E3

Analogous

#E3DFD2

#D7E3D2

#DFE3D2

Triadic

#DFE3D2

#D2DFE3

#E3D2DF

Split Complementary

#DFE3D2

#D2D7E3

#DFD2E3

Tetradic

#DFE3D2

#D2E3DF

#D6D2E3

#E3D2D7

Color Blindness Simulation

Original

#DFE3D2

Protanopia

#E1E1D6

Deuteranopia

#E0E0D7

Tritanopia

#DFD9DA

Achromatopsia

#E1E1E1

CSS Usage

background-color: #DFE3D2;
color: #DFE3D2;
border-color: #DFE3D2;
Nearest Tailwind: Stone 200 #E7E5E4

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E0E4D3
300
#C9D0B4
400
#ACB78B
500
#8F9D62
600
#737E4E
700
#5C653F
800
#484F31
900
#363B26
950
#222518

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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