#DEC0A3

#DEC0A3

Color Values

HEX

#DEC0A3

RGB

222, 192, 163

HSL

29.5, 47.2%, 75.5%

HSV

29.5, 26.6%, 87.1%

CMYK

0.0%, 13.5%, 26.6%, 12.9%

OKLCH

0.826 0.052 66.0

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#DEC0A3

#A3C1DE

Analogous

#DEA3A4

#DEDEA3

#DEC0A3

Triadic

#DEC0A3

#A3DEC0

#C0A3DE

Split Complementary

#DEC0A3

#A3DEDE

#A3A4DE

Tetradic

#DEC0A3

#A4DEA3

#A3C1DE

#DEA3DE

Color Blindness Simulation

Original

#DEC0A3

Protanopia

#D1D1AA

Deuteranopia

#D3D5AC

Tritanopia

#DCB0B1

Achromatopsia

#C4C4C4

CSS Usage

background-color: #DEC0A3;
color: #DEC0A3;
border-color: #DEC0A3;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCA
300
#DFC1A5
400
#CDA074
500
#BC7E43
600
#966536
700
#78512B
800
#5E3F22
900
#45301C
950
#2C1E12

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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