#DFDFE3

#DFDFE3

Color Values

HEX

#DFDFE3

RGB

223, 223, 227

HSL

240,0, 6,7%, 88,2%

HSV

240,0, 1,8%, 89,0%

CMYK

1,8%, 1,8%, 0,0%, 11,0%

OKLCH

0,9048 0,0054 286,3

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DFDFE3

#E3E3DF

Analogous

#DFE1E3

#E1DFE3

#DFDFE3

Triadic

#DFDFE3

#E3DFDF

#DFE3DF

Split Complementary

#DFDFE3

#E3E1DF

#E1E3DF

Tetradic

#DFDFE3

#E3DFE1

#E3E3DF

#DFE3E1

Color Blindness Simulation

Original

#DFDFE3

Protanopia

#DFDFE2

Deuteranopia

#DFDFE2

Tritanopia

#DFE1E1

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BEBEC6
400
#9A9AA7
500
#777788
600
#5F5F6D
700
#4C4C57
800
#3B3B44
900
#2E2E33
950
#1D1D20

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,8: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