Dusty pink to HSL — Color Code

#d58a94
Format Value
HEX #d58a94
RGB rgb(213, 138, 148)
HSL hsl(352, 47.2%, 68.8%)
CMYK cmyk(0%, 35.2%, 30.5%, 16.5%)
HSV hsv(352, 35.2%, 83.5%)

dusty pink color harmonies

Tints & shades of dusty pink

Tints (lighter)

#d9959e #dd9fa7 #e0aab1 #e4b5bb #e8bfc5 #eccace #f0d4d8 #f4dfe2 #f7eaec #fbf4f5

Shades (darker)

#c27d87 #ae7179 #9b646c #88585e #744b51 #613f43 #4d3236 #3a2628 #27191b #130d0d

Contrast & accessibility

The quick brown fox

On white · 2.66:1 · Fail

The quick brown fox

On black · 7.89:1 · AAA

Recommended text color: #000000

Use dusty pink in code

CSS color: #d58a94;
SCSS $color: #d58a94;
Tailwind bg-[#d58a94]
Swift UIColor(red: 0.835, green: 0.541, blue: 0.580, alpha: 1)
Android Color.parseColor("#d58a94")
Flutter Color(0xFFD58A94)

Colors similar to dusty pink

Browse all Red colors →

What is the HSL code for dusty pink?

The CSS color dusty pink in HSL format is hsl(352, 47.2%, 68.8%). Use this value directly in CSS, SVG, and most design tools.

How do I use dusty pink in CSS?

To apply dusty pink in CSS:

  • Text color: color: hsl(352, 47.2%, 68.8%);
  • Background: background-color: hsl(352, 47.2%, 68.8%);
  • Border: border-color: hsl(352, 47.2%, 68.8%);

What are all the color format values for dusty pink?

FormatValue
HEX#d58a94
RGBrgb(213, 138, 148)
HSLhsl(352, 47.2%, 68.8%)
CMYKcmyk(0%, 35.2%, 30.5%, 16.5%)

How do I convert dusty pink to HSL?

Select dusty pink from the color name list in our color converter. The HSL value — hsl(352, 47.2%, 68.8%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does dusty pink belong to?

dusty pink belongs to the red color family. It is a medium, moderately saturated color with HSL values: hue 352°, saturation 47.2%, lightness 68.8%.

How do I create lighter and darker shades of dusty pink?

Lighter variant (lightness 83.8%): #e9c2c7. Darker variant (lightness 53.8%): #c15260. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.