#DEDCDC

#DEDCDC

Color Values

HEX

#DEDCDC

RGB

222, 220, 220

HSL

0.0, 2.9%, 86.7%

HSV

0.0, 0.9%, 87.1%

CMYK

0.0%, 0.9%, 0.9%, 12.9%

OKLCH

0.8961 0.0022 17.2

Properties

Warm Light Nearest: gainsboro

Color Harmonies

Complementary

#DEDCDC

#DCDEDE

Analogous

#DEDCDD

#DEDDDC

#DEDCDC

Triadic

#DEDCDC

#DCDEDC

#DCDCDE

Split Complementary

#DEDCDC

#DCDEDD

#DCDDDE

Tetradic

#DEDCDC

#DDDEDC

#DCDEDE

#DDDCDE

Color Blindness Simulation

Original

#DEDCDC

Protanopia

#DDDDDC

Deuteranopia

#DDDDDC

Tritanopia

#DEDCDC

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DEDCDC;
color: #DEDCDC;
border-color: #DEDCDC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADA
300
#C4C0C0
400
#A39E9E
500
#837C7C
600
#696363
700
#544F4F
800
#423E3E
900
#322F2F
950
#1F1E1E

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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