Mauve color: hex codes, shades and palettes

Palettes built around mauve. Click any swatch to copy its hex code.

A greyed mid purple. The name has drifted a long way from the original 1856 aniline dye, and today it usually means this soft dusty tone.

Mauve hex, RGB, HSL and OKLCH

#9C7C9C
HEX
#9C7C9C
RGB
rgb(156, 124, 156)
HSL
hsl(300, 14%, 55%)
OKLCH
oklch(62.7% 0.060 326.3)
On white
3.64:1
On black
5.78:1

Shades of mauve

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Mauve on white measures 3.64:1 and on black 5.78:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.44:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:dusty rose. See every shade on the colors index.