#D8A7B1

Dusty Pink · rgb(216, 167, 177)

Muted Pink Shades

Dusty Pink Color Code

A greyed pink with calm, mature character.

HEX #D8A7B1
RGB rgb(216, 167, 177)
HSL hsl(347.8, 38.6%, 75.1%)
HSV hsv(347.8, 22.7%, 84.7%)
CMYK cmyk(0%, 23%, 18%, 15%)

Text and Contrast Previews

How Dusty Pink behaves as a background and as a text colour, with measured WCAG contrast ratios.

Near-black text #150C0C on #D8A7B1 9.25:1 · AA body text
White text #FFFFFF on #D8A7B1 2.08:1 · decorative only
Dusty Pink on white #D8A7B1 on #FFFFFF 2.08:1 · large text fails
Dusty Pink on charcoal #D8A7B1 on #150C0C 9.25:1 · AA body text

Tints and Shades of Dusty Pink

Nine steps built by moving the lightness of #D8A7B1 up and down in HSL. Click any step to copy it.

Complementary and Matching Colors

Generated directly from the hue of #D8A7B1. The complement gives maximum contrast; the analogous pair keeps the palette warm and quiet.

Common uses

Interiors, lifestyle brands, editorial.

Design recommendations

This is a light shade, so it earns its keep on large surfaces: page backgrounds, section bands and cards. Set text in a dark ink such as #150C0C and add a hairline border in #E8CFC9 to define edges.

Accessibility notes

Pair this background with near-black text (#150C0C) for the best result at 9.25:1. That meets WCAG AA for body text at any size.

CSS and HTML Examples

CSS

.element {
  color: #D8A7B1;
}

.element-bg {
  background-color: #D8A7B1;
  color: #150C0C;
}

.element-border {
  border: 2px solid #D8A7B1;
}

:root {
  --dusty-pink: #D8A7B1;
}

HTML

<p style="color: #D8A7B1;">Dusty Pink text</p>
<div style="background: #D8A7B1; color: #150C0C; padding: 1rem;">
  Dusty Pink panel
</div>

Similar Pink Shades

The six closest colours to Dusty Pink measured across the RGB channels.

Mauve Pink

Muted Pink

RGBrgb(216, 178, 209)
HSLhsl(311.1, 32.8%, 77.3%)
CMYKcmyk(0%, 18%, 3%, 15%)

Baby Pink

Light Pink

RGBrgb(244, 194, 194)
HSLhsl(0, 69.4%, 85.9%)
CMYKcmyk(0%, 20%, 20%, 4%)

Tea Rose

Rose Pink

RGBrgb(244, 194, 194)
HSLhsl(0, 69.4%, 85.9%)
CMYKcmyk(0%, 20%, 20%, 4%)

Flamingo Pink

Warm Pink

RGBrgb(252, 142, 172)
HSLhsl(343.6, 94.8%, 77.3%)
CMYKcmyk(0%, 44%, 32%, 1%)

Light Pink

Light Pink

RGBrgb(255, 182, 193)
HSLhsl(351, 100%, 85.7%)
CMYKcmyk(0%, 29%, 24%, 0%)

Pink

Classic Pink

RGBrgb(255, 192, 203)
HSLhsl(349.5, 100%, 87.6%)
CMYKcmyk(0%, 25%, 20%, 0%)

More Muted Pink Shades

Other members of the muted pink family: Mauve Pink #D8B2D1, Old Rose #C08081, Salmon Pink #FA8072.

You can also return to the complete pink shades collection, compare pairings in pink colour combinations, or read the complete pink colour code reference.

Dusty Pink FAQs

What is the Dusty Pink color code?

The Dusty Pink color code is #D8A7B1 in HEX, rgb(216, 167, 177) in RGB and hsl(347.8, 38.6%, 75.1%) in HSL.

What is the RGB value of Dusty Pink?

Dusty Pink is rgb(216, 167, 177) — red 216, green 167 and blue 177 on a 0–255 scale.

What is the CMYK value of Dusty Pink for print?

Dusty Pink converts to cmyk(0%, 23%, 18%, 15%). Bright, saturated pinks need heavy magenta and yellow ink, so always confirm this shade against a physical proof before signing off print work.

Which text colour is readable on Dusty Pink?

Near-black text (#150C0C) gives the stronger result at about 9.3:1. That clears the WCAG AA minimum for body text.

What colours go with Dusty Pink?

Its direct complement is #A7D8CE. For a softer palette, use the analogous pair #D8A7C9 and #D8B6A7, or ground it with a dark neutral such as #150C0C and a cream such as #F7F0EA.

Which pink shades are closest to Dusty Pink?

The nearest shades in this collection are Mauve Pink (#D8B2D1), Baby Pink (#F4C2C2), Tea Rose (#F4C2C2).

Never guess a pink again

Copy accurate pink color codes in one click.