Dusty lavender Color — HEX, RGB, HSL & CMYK Codes

#ac86a8
Format Value
HEX #ac86a8
RGB rgb(172, 134, 168)
HSL hsl(306.3, 18.6%, 60%)
CMYK cmyk(0%, 22.1%, 2.3%, 32.5%)
HSV hsv(306.3, 22.1%, 67.5%)

dusty lavender color harmonies

Tints & shades of dusty lavender

Tints (lighter)

#b491b0 #bb9cb8 #c3a7c0 #cab2c8 #d2bdd0 #d9c8d7 #e1d3df #e8dee7 #f0e9ef #f7f4f7

Shades (darker)

#9c7a99 #8d6e89 #7d617a #6d556b #5e495c #4e3d4c #3f313d #2f252e #1f181f #100c0f

Contrast & accessibility

The quick brown fox

On white · 3.12:1 · AA Large

The quick brown fox

On black · 6.73:1 · AA

Recommended text color: #000000

Use dusty lavender in code

CSS color: #ac86a8;
SCSS $color: #ac86a8;
Tailwind bg-[#ac86a8]
Swift UIColor(red: 0.675, green: 0.525, blue: 0.659, alpha: 1)
Android Color.parseColor("#ac86a8")
Flutter Color(0xFFAC86A8)

Colors similar to dusty lavender

Browse all Pink colors →

What is the HEX code for dusty lavender?

The CSS color dusty lavender in HEX format is #ac86a8. Use this value directly in CSS, SVG, and most design tools.

How do I use dusty lavender in CSS?

To apply dusty lavender in CSS:

  • Text color: color: #ac86a8;
  • Background: background-color: #ac86a8;
  • Border: border-color: #ac86a8;

What are all the color format values for dusty lavender?

FormatValue
HEX#ac86a8
RGBrgb(172, 134, 168)
HSLhsl(306.3, 18.6%, 60%)
CMYKcmyk(0%, 22.1%, 2.3%, 32.5%)

How do I convert dusty lavender to HEX?

Select dusty lavender from the color name list in our color converter. The HEX value — #ac86a8 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does dusty lavender belong to?

dusty lavender belongs to the pink color family. It is a medium, muted color with HSL values: hue 306.3°, saturation 18.6%, lightness 60%.

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

Lighter variant (lightness 75%): #cbb3c9. Darker variant (lightness 45%): #885d84. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.