#DEDFE1

#DEDFE1

Color Values

HEX

#DEDFE1

RGB

222, 223, 225

HSL

220.0, 4.8%, 87.6%

HSV

220.0, 1.3%, 88.2%

CMYK

1.3%, 0.9%, 0.0%, 11.8%

OKLCH

0.9035 0.0029 264.5

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DEDFE1

#E1E0DE

Analogous

#DEE0E1

#DEDEE1

#DEDFE1

Triadic

#DEDFE1

#E1DEDF

#DFE1DE

Split Complementary

#DEDFE1

#E1DEDE

#E0E1DE

Tetradic

#DEDFE1

#E1DEE0

#E1E0DE

#DEE1DE

Color Blindness Simulation

Original

#DEDFE1

Protanopia

#DEDEE1

Deuteranopia

#DEDEE0

Tritanopia

#DEE0E0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#DADBDD
300
#BFC1C5
400
#9C9FA5
500
#797D86
600
#61646B
700
#4E5056
800
#3D3F43
900
#2E3033
950
#1D1E20

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026