Color Directory
Dusty Rose
A greyed-down pink with a beige undertone.
#DCAE96
- HEX
- #DCAE96
- RGB
- rgb(220, 174, 150)
- HSL
- hsl(21, 51%, 73%)
Check Dusty Rose
Contrast ratios against white and black text.
WCAG asks for 4.5:1 on body text and 3:1 on text 24px or larger. Ratios are calculated from #DCAE96 in the sRGB colour space.
About this entry
What it is
A greyed-down pink with a beige undertone.
Weddings, beauty packaging and soft editorial layouts.
Copy & use
How to copy and use dusty rose
- 01
Copy the complete value
Use the copy button above so the value is captured without its label, description or surrounding page text.
- 02
Paste it where you need it
Weddings, beauty packaging and soft editorial layouts.
- 03
Check the final result
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Tints & shades
A scale built from dusty rose
Each step is mixed toward white or black from #DCAE96 in sRGB, which is what the browser does too. Useful when one colour has to cover hover states, borders and backgrounds as well as the accent itself.
Lighter 60%
#F1DFD5
rgb(241, 223, 213)
Lighter 30%
#E7C6B6
rgb(231, 198, 182)
- Base
Base
#DCAE96
rgb(220, 174, 150)
Darker 30%
#9A7A69
rgb(154, 122, 105)
Darker 60%
#58463C
rgb(88, 70, 60)
Name & pairing
Where dusty rose comes from
A pink with grey mixed in, named for the muted look of a dried rather than a fresh petal. The dust in the name is literal — it is the desaturation that separates it from a candy pink.
What to put beside it
Reads as considered next to charcoal or deep green, and sentimental next to cream. The neutral you choose decides which of those you get.
Common questions
Using dusty rose
What is dusty rose?
A greyed-down pink with a beige undertone. Weddings, beauty packaging and soft editorial layouts.
What are the colour values for Dusty Rose?
Dusty Rose is HEX #DCAE96, RGB rgb(220, 174, 150), HSL hsl(21, 51%, 73%). All three notations describe the same sRGB colour, so pick whichever your tool expects: hex for CSS and design files, RGB when you need the channels separately, HSL when you want to shift lightness or saturation without changing the hue.
Will dusty rose work everywhere?
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Can I customise dusty rose after copying?
Use the supplied value as a starting point, then check contrast and nearby colours in the final design. Converting between hex, RGB and HSL does not change the intended sRGB colour.
Also known as
Keep browsing