Dusty Lavender #AC86A8
Dusty Lavender is a medium-light, muted purple with hex code #AC86A8 and RGB rgb(172, 134, 168).
Aa
Black text reads best on this color (6.72:1).
About this color
#AC86A8 is a medium-light, muted purple. In OKLCH its lightness is 67%, its chroma 0.066 and its hue 330°. Its hue sits between the warm and cool halves of the wheel. It is the named color Dusty Lavender. Black text reads best on it, at 6.72:1.
| Hue family | Purples |
| Lightness | medium-light (67%) |
| Chroma | muted (0.066) |
| Temperature | in between |
| Nearest name | Dusty Lavender |
| Black text | 6.72:1 |
| White text | 3.12:1 |
Colors that go with Dusty Lavender
Matches found by rotating Dusty Lavender around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Dusty Lavender
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dusty Lavender, closest first.
Similar named colors
The eight named colors closest to Dusty Lavender, with their ΔE distance.
- Heather #A484AC ΔE 0.016
- Wisteria #A87DC2 ΔE 0.052
- English Lavender #9D8189 ΔE 0.053
- Purpley Grey #947E94 ΔE 0.053
- Light Mauve #C292A1 ΔE 0.053
- Grey Pink #C3909B ΔE 0.054
- Rosy Brown #BC8F8F ΔE 0.057
- Old Rose #C87F89 ΔE 0.061
More about Dusty Lavender
How to make Dusty Lavender
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 3 parts pink
- 3 parts gray
- 1 part purple
Recipe result: #AE8AA5, a difference of ΔE 0.012 from Dusty Lavender. That is very close: most people will not see the difference.
Codes for Dusty Lavender in every format
| HEX | #AC86A8 |
| RGB | rgb(172, 134, 168) |
| HSL | hsl(306, 19%, 60%) |
| OKLCH | oklch(66.7% 0.066 329.8) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #AC86A8 | 3.12:1 | AA large text | Lc -63.6 | Content text, not long reading |
| Black text on #AC86A8 | 6.72:1 | AA | Lc 45.9 | Large or bold text, headings |
| #AC86A8 text on white | 3.12:1 | AA large text | Lc 58.2 | Large or bold text, headings |
| #AC86A8 text on black | 6.72:1 | AA | Lc -43.6 | Non-text elements, placeholder text |
Shades and tints of Dusty Lavender
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 500.
-
Step 50
50
#F7F4F7
oklch(97% 0.005 325.6)
-
Step 100
100
#EEE8ED
oklch(93.7% 0.009 331)
-
Step 200
200
#E0D5DF
oklch(88.5% 0.018 328.5)
-
Step 300
300
#CDB9CB
oklch(80.8% 0.033 329)
-
Step 400
400
#B495B0
oklch(70.6% 0.052 330.4)
-
Step 500
500 (this color)
#AC86A8
oklch(66.7% 0.066 329.8)
-
Step 600
600
#8B6488
oklch(55.6% 0.072 329.1)
-
Step 700
700
#765373
oklch(49.1% 0.066 329.5)
-
Step 800
800
#60445E
oklch(42.7% 0.055 328.9)
-
Step 900
900
#4F394D
oklch(37.7% 0.044 329.5)
-
Step 950
950
#2E222D
oklch(27.1% 0.026 329)
Dusty Lavender with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #858FA9 | 0.061 |
| Deuteranopia (no green cones) | #8D94A7 | 0.057 |
| Tritanopia (no blue cones) | #AF8892 | 0.035 |
| Achromatopsia (no color) | #929292 | 0.066 |
Use Dusty Lavender in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.