About Dark Mauve
Dark Mauve is the hex color #986960, which translates to rgb(152, 105, 96) in RGB and hsl(10, 23%, 49%) in HSL. On the color wheel it sits at 10 degrees, with a saturation of 23 percent and a lightness of 49 percent. That combination puts Dark Mauve in the workable middle of the purple family, neither pastel nor fully saturated.
How Dark Mauve compares
The closest standard CSS keyword is rosybrown (#BC8F8F), a CIE76 distance of 15.8 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is taupe-500 (#7C6D67), at a distance of 14.8. Inside this library the closest neighbour is Redwood at 13.2. Sorted by lightness, Dark Mauve is number 10 of the 31 purple colors here.
Text on Dark Mauve
One of the five common text colors below clears WCAG AA for normal text on Dark Mauve, led by White at 4.64:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Dark Mauve already loaded as the background.
| Text color | Ratio | AA normal | AA large | AAA normal |
|---|---|---|---|---|
| White #FFFFFF | 4.64:1 | Pass | Pass | Fail |
| Ink black #0F0F12 | 4.12:1 | Fail | Pass | Fail |
| Mid grey #6B7280 | 1.04:1 | Fail | Fail | Fail |
| Dark grey #374151 | 2.22:1 | Fail | Fail | Fail |
| Light grey #E5E7EB | 3.75:1 | Fail | Pass | Fail |
Building a palette around Dark Mauve
The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Dark Mauve for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Dark Mauve locked and let it fill in the rest.
Full values for Dark Mauve
| Format | Value |
|---|---|
| HEX | #986960 |
| RGB | rgb(152, 105, 96) |
| HSL | hsl(10, 23%, 49%) |
| HSV | hsv(10, 37%, 60%) |
| CMYK | cmyk(0%, 31%, 37%, 40%) |
| OKLCH | oklch(56.73% 0.0626 31.16) |
| CIELAB | lab(49.04 17.62 12.63) |
Frequently asked questions
What is the RGB value of Dark Mauve?
Dark Mauve (#986960) is rgb(152, 105, 96): 152 red, 105 green and 96 blue on the 0 to 255 scale. Red leads at 152, green follows at 105 and blue trails at 96, which puts the hue at 10 degrees. In HSL the same color is hsl(10, 23%, 49%).
What colour is #986960?
#986960 is Dark Mauve, a mid purple colour with a hue of 10 degrees, 23% saturation and 49% lightness. For print the CMYK breakdown is 0% cyan, 31% magenta, 37% yellow and 40% black. Its nearest neighbour in this library is Redwood, 13.2 away in CIELAB, a difference you can see.
Is Dark Mauve a CSS color name?
No. Dark Mauve is not one of the 148 CSS named colors, so write it as #986960. The nearest keyword is rosybrown (#BC8F8F), a CIE76 distance of 15.8: far enough that the keyword reads as a different color.
What colors go with Dark Mauve?
Opposite Dark Mauve on the color wheel sits the complementary #608F98, the boldest accent by hue. For a calmer scheme use the analogous neighbours #986073 and #988560 (close to Field Drab); for a balanced three-color scheme use the triadic pair #609869 and #696098. Of these, #609869 has the most contrast against Dark Mauve, at 1.37:1, so pair it by hue, not for legibility.
What text color is readable on Dark Mauve?
White (#FFFFFF) is the most readable on Dark Mauve, at 4.64:1, which clears WCAG AA (4.5:1) but not AAA. 1 of the 5 common text colors tested passes AA for normal text.
Use Dark Mauve in a tool
Nearby colors
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.