#DEDED4

#DEDED4

Color Values

HEX

#DEDED4

RGB

222, 222, 212

HSL

60.0, 13.2%, 85.1%

HSV

60.0, 4.5%, 87.1%

CMYK

0.0%, 0.0%, 4.5%, 12.9%

OKLCH

0.8978 0.0134 106.7

Properties

Warm Light Nearest: Timberwolf

Color Harmonies

Complementary

#DEDED4

#D4D4DE

Analogous

#DED9D4

#D9DED4

#DEDED4

Triadic

#DEDED4

#D4DEDE

#DED4DE

Split Complementary

#DEDED4

#D4D9DE

#D9D4DE

Tetradic

#DEDED4

#D4DED9

#D4D4DE

#DED4D9

Color Blindness Simulation

Original

#DEDED4

Protanopia

#DEDED6

Deuteranopia

#DEDED7

Tritanopia

#DED8D9

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DEDED4;
color: #DEDED4;
border-color: #DEDED4;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E0D7
300
#CACABA
400
#ADAD94
500
#90906F
600
#737359
700
#5C5C47
800
#484837
900
#36362B
950
#22221B

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.51:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026