#DEC8A3

#DEC8A3

Color Values

HEX

#DEC8A3

RGB

222, 200, 163

HSL

37.6, 47.2%, 75.5%

HSV

37.6, 26.6%, 87.1%

CMYK

0.0%, 9.9%, 26.6%, 12.9%

OKLCH

0.8418 0.0551 80.6

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#DEC8A3

#A3B9DE

Analogous

#DEABA3

#D7DEA3

#DEC8A3

Triadic

#DEC8A3

#A3DEC8

#C8A3DE

Split Complementary

#DEC8A3

#A3D7DE

#ABA3DE

Tetradic

#DEC8A3

#A3DEAB

#A3B9DE

#DEA3D7

Color Blindness Simulation

Original

#DEC8A3

Protanopia

#D4D4AC

Deuteranopia

#D6D7AE

Tritanopia

#DDB3B5

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE0CA
300
#DFC9A5
400
#CDAC74
500
#BC8F43
600
#967236
700
#785B2B
800
#5E4722
900
#45361C
950
#2C2212

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026