Color Codes › Dusty Rose

Dusty Rose colour

A muted, brownish pink with a vintage feel. Soft and romantic, it is a wedding and interiors favourite.

#DCAE96

Dusty Rose colour codes

Hex
#DCAE96
RGB
rgb(220, 174, 150)
HSL
hsl(21, 50%, 73%)
HSV
hsv(21, 32%, 86%)
OKLCH
oklch(0.79 0.06 49)
CMYK
cmyk(0%, 21%, 32%, 14%)

Complementary palette

Dusty Rose with its opposite on the colour wheel.
#DCAE96
rgb(220, 174, 150)
#96C4DC
rgb(150, 196, 220)

Triad palette

Dusty Rose with two evenly-spaced partners.
#DCAE96
rgb(220, 174, 150)
#96DCAE
rgb(150, 220, 174)
#AE96DC
rgb(174, 150, 220)

Monochromatic palette

Lighter and darker versions of dusty rose at the same hue.
#70584C
rgb(112, 88, 76)
#9C7B6A
rgb(156, 123, 106)
#C89E88
rgb(200, 158, 136)
#E9B89F
rgb(233, 184, 159)

Lighter tints

Dusty Rose toward white.
#DCAE96
rgb(220, 174, 150)
#E1BAA5
rgb(225, 186, 165)
#E6C5B4
rgb(230, 197, 180)
#EBD1C3
rgb(235, 209, 195)
#F0DCD2
rgb(240, 220, 210)
#F5E8E1
rgb(245, 232, 225)
#FAF3F0
rgb(250, 243, 240)
#FFFFFF
rgb(255, 255, 255)

Darker shades

Dusty Rose toward black.
#DCAE96
rgb(220, 174, 150)
#BD9581
rgb(189, 149, 129)
#9D7C6B
rgb(157, 124, 107)
#7E6356
rgb(126, 99, 86)
#5E4B40
rgb(94, 75, 64)
#3F322B
rgb(63, 50, 43)
#1F1915
rgb(31, 25, 21)
#000000
rgb(0, 0, 0)

About dusty rose

A muted, brownish pink with a vintage feel. Soft and romantic, it is a wedding and interiors favourite. The value shown here (#DCAE96) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with dusty rose

The complementary colour (#96C4DC) sits opposite dusty rose on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using dusty rose in your design

For CSS, paste #DCAE96 or the oklch(0.79 0.06 49) value, or download the ready-made dusty-rose.css file above — it includes a full 50–950 token scale. Always check contrast before using dusty rose behind text.

What is the hex code for dusty rose?
Dusty Rose is commonly #DCAE96 (rgb(220, 174, 150)). It covers a small range, but this is a widely used value.
What colours go well with dusty rose?
Its complementary colour #96C4DC and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.