Dark Lilac #9C6DA5
Dark Lilac is a medium-dark, moderately saturated purple with hex code #9C6DA5 and RGB rgb(156, 109, 165).
Aa
Black text reads best on this color (5.14:1).
About this color
#9C6DA5 is a medium-dark, moderately saturated purple. In OKLCH its lightness is 60%, its chroma 0.098 and its hue 321°. Its hue sits between the warm and cool halves of the wheel. It is the named color Dark Lilac. Black text reads best on it, at 5.14:1.
| Hue family | Purples |
| Lightness | medium-dark (60%) |
| Chroma | moderately saturated (0.098) |
| Temperature | in between |
| Nearest name | Dark Lilac |
| Black text | 5.14:1 |
| White text | 4.08:1 |
Colors that go with Dark Lilac
Matches found by rotating Dark Lilac 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 Dark Lilac
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dark Lilac, closest first.
Similar named colors
The eight named colors closest to Dark Lilac, with their ΔE distance.
- Faded Purple #916E99 ΔE 0.027
- Soft Purple #A66FB5 ΔE 0.030
- Deep Lilac #966EBD ΔE 0.038
- Dark Lavender #856798 ΔE 0.047
- Wisteria #A87DC2 ΔE 0.058
- Grey Purple #826D8C ΔE 0.059
- Purpley Grey #947E94 ΔE 0.060
- Amethyst #9B5FC0 ΔE 0.060
More about Dark Lilac
How to make Dark Lilac
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
- 2 parts purple
- 1 part green
Recipe result: #9E71A1, a difference of ΔE 0.014 from Dark Lilac. That is very close: most people will not see the difference.
Codes for Dark Lilac in every format
| HEX | #9C6DA5 |
| RGB | rgb(156, 109, 165) |
| HSL | hsl(290, 24%, 54%) |
| OKLCH | oklch(60.3% 0.098 321) |
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 #9C6DA5 | 4.08:1 | AA large text | Lc -73.4 | Content text, not long reading |
| Black text on #9C6DA5 | 5.14:1 | AA | Lc 36.2 | Non-text elements, placeholder text |
| #9C6DA5 text on white | 4.08:1 | AA large text | Lc 67.9 | Content text, not long reading |
| #9C6DA5 text on black | 5.14:1 | AA | Lc -33.8 | Non-text elements, placeholder text |
Shades and tints of Dark Lilac
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
#F7F4F8
oklch(97.1% 0.006 317.8)
-
Step 100
100
#EEE7F0
oklch(93.6% 0.014 318.7)
-
Step 200
200
#E2D4E4
oklch(88.6% 0.026 321.9)
-
Step 300
300
#CFB7D4
oklch(80.9% 0.048 320.4)
-
Step 400
400
#B791BE
oklch(70.7% 0.077 321.1)
-
Step 500
500 (this color)
#9C6DA5
oklch(60.3% 0.098 321)
-
Step 600
600
#905D99
oklch(55.6% 0.107 321.4)
-
Step 700
700
#7A4C83
oklch(49% 0.101 320.9)
-
Step 800
800
#633F6A
oklch(42.7% 0.082 320.9)
-
Step 900
900
#513656
oklch(37.7% 0.063 321.1)
-
Step 950
950
#302033
oklch(27.2% 0.041 321.1)
Dark Lilac 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) | #677AA7 | 0.084 |
| Deuteranopia (no green cones) | #727FA3 | 0.078 |
| Tritanopia (no blue cones) | #9D7382 | 0.061 |
| Achromatopsia (no color) | #7E7E7E | 0.099 |
Use Dark Lilac 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.