#DEDFE6

#DEDFE6

Color Values

HEX

#DEDFE6

RGB

222, 223, 230

HSL

232.5, 13.8%, 88.6%

HSV

232.5, 3.5%, 90.2%

CMYK

3.5%, 3.0%, 0.0%, 9.8%

OKLCH

0.9049 0.0095 279.7

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DEDFE6

#E6E5DE

Analogous

#DEE3E6

#E1DEE6

#DEDFE6

Triadic

#DEDFE6

#E6DEDF

#DFE6DE

Split Complementary

#DEDFE6

#E6E1DE

#E3E6DE

Tetradic

#DEDFE6

#E6DEE3

#E6E5DE

#DEE6E1

Color Blindness Simulation

Original

#DEDFE6

Protanopia

#DEDEE4

Deuteranopia

#DEDEE4

Tritanopia

#DEE3E3

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D8E0
300
#B9BBCA
400
#9497AE
500
#6E7291
600
#585B74
700
#46495D
800
#373949
900
#2A2C36
950
#1B1C22

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