#DDBC99

#DDBC99

Color Values

HEX

#DDBC99

RGB

221, 188, 153

HSL

30.9, 50.0%, 73.3%

HSV

30.9, 30.8%, 86.7%

CMYK

0.0%, 14.9%, 30.8%, 13.3%

OKLCH

0.8151 0.0603 68.5

Properties

Warm Light Nearest: tan

Color Harmonies

Complementary

#DDBC99

#99BADD

Analogous

#DD9A99

#DCDD99

#DDBC99

Triadic

#DDBC99

#99DDBC

#BC99DD

Split Complementary

#DDBC99

#99DCDD

#9A99DD

Tetradic

#DDBC99

#99DD9A

#99BADD

#DD99DC

Color Blindness Simulation

Original

#DDBC99

Protanopia

#CFCEA1

Deuteranopia

#D1D3A4

Tritanopia

#DBA8AA

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE6
200
#EDDCC9
300
#E0C3A3
400
#D0A271
500
#BF8140
600
#996833
700
#7A5329
800
#604120
900
#46311B
950
#2C1F11

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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