#DDB9A2

#DDB9A2

Color Values

HEX

#DDB9A2

RGB

221, 185, 162

HSL

23.4, 46.5%, 75.1%

HSV

23.4, 26.7%, 86.7%

CMYK

0.0%, 16.3%, 26.7%, 13.3%

OKLCH

0.8112 0.0522 54.4

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#DDB9A2

#A2C6DD

Analogous

#DDA2A8

#DDD7A2

#DDB9A2

Triadic

#DDB9A2

#A2DDB9

#B9A2DD

Split Complementary

#DDB9A2

#A2DDD7

#A2A8DD

Tetradic

#DDB9A2

#A8DDA2

#A2C6DD

#D7A2DD

Color Blindness Simulation

Original

#DDB9A2

Protanopia

#CDCDA8

Deuteranopia

#D0D2A9

Tritanopia

#DBACAD

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD8CB
300
#DEBCA5
400
#CD9775
500
#BB7244
600
#955C37
700
#78492C
800
#5D3922
900
#452C1C
950
#2B1C12

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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