#DEDDA3

#DEDDA3

Color Values

HEX

#DEDDA3

RGB

222, 221, 163

HSL

59.0, 47.2%, 75.5%

HSV

59.0, 26.6%, 87.1%

CMYK

0.0%, 0.5%, 26.6%, 12.9%

OKLCH

0.8844 0.0755 107.0

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DEDDA3

#A3A4DE

Analogous

#DEC0A3

#C2DEA3

#DEDDA3

Triadic

#DEDDA3

#A3DEDD

#DDA3DE

Split Complementary

#DEDDA3

#A3C2DE

#C0A3DE

Tetradic

#DEDDA3

#A3DEC0

#A3A4DE

#DEA3C2

Color Blindness Simulation

Original

#DEDDA3

Protanopia

#DEDEB1

Deuteranopia

#DEDEB4

Tritanopia

#DEBCBF

Achromatopsia

#D9D9D9

CSS Usage

background-color: #DEDDA3;
color: #DEDDA3;
border-color: #DEDDA3;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCA
300
#DFDEA5
400
#CDCC74
500
#BCBA43
600
#969536
700
#78772B
800
#5E5D22
900
#45441C
950
#2C2B12

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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