Skip to content

Mauve #e0b0ff

The accident that invented the color industry.

RGB
224, 176, 255
HSL
277°, 100%, 85%
CMYK
12, 31, 0, 0
Luminance
0.5412

About Mauve

Mauve, #e0b0ff, is pale purple grayed with sophistication — and the most historically important color on this list: the first synthetic dye ever made, discovered by accident, launched industrial chemistry itself.

History

In 1856, teenage chemist William Perkin tried to synthesize quinine and got a purple sludge instead — mauveine. Queen Victoria wore it; the 1890s became “the Mauve Decade”; and the dye industry his accident founded gave the world everything from aspirin to synthetic indigo.

Psychology

Mauve reads nostalgic, refined and slightly wistful — purple with its volume aged down. It is the color of dried flowers and Parisian millinery: romance remembered rather than declared.

In design

Mauve is a soft surface and fashion neutral: beautiful in beauty branding, weddings and vintage palettes. As text it fails everywhere light; pair with plum ink, sage, dusty rose and gray. Modern “mauve nudes” run the #b784a7 direction.

In culture

The Mauve Decade, mauve drawing rooms, Proust’s mauve: the shade owns the fin-de-siècle. One teenager’s failed malaria cure recolored an era.

Brands that own mauve

Shades of mauve

Every format

HEX#e0b0ff
RGBrgb(224, 176, 255)
HSLhsl(277, 100%, 85%)
CMYKcmyk(12%, 31%, 0%, 0%)
LABlab(78.5 31.5 -32.5)
LCHlch(78.5 45.3 314.1)
OKLCHoklch(0.827 0.119 311.6)

Copy-ready code

/* CSS */
color: #e0b0ff;
background-color: #e0b0ff;
/* Tailwind (arbitrary) */
class="text-[#e0b0ff] bg-[#e0b0ff]"
/* SCSS */
$brand: #e0b0ff;
/* SwiftUI */
Color(red: 0.878, green: 0.690, blue: 1.000)
/* Android */
Color.parseColor("#e0b0ff")

Accessibility — WCAG contrast

Aa
#e0b0ff on white: 1.78:1
AA ✗ fail · AA-large · AAA
Aa
#e0b0ff on black: 11.82:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red87.8%
Green69.0%
Blue100.0%

CMYK percentages

Cyan12.2%
Magenta31.0%
Yellow0.0%
Key (black)0.0%

Color previews

#e0b0ff text on a black background

contrast 11.82:1

Card sample

#e0b0ff text on a white background

contrast 1.78:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #e0b0ff;
Background color
Panel with #e0b0ff background
background-color: #e0b0ff;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #e0b0ff;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(224, 176, 255, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(224, 176, 255, 0.45);
Border & gradient
Gradient panel
border: 3px solid #e0b0ff;
background: linear-gradient(135deg, #e0b0ff, #FFB0E9);

Monochromatic scale

Palettes built from #e0b0ff

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Mauve, answered

What is the hex code for mauve?

Mauve is commonly #e0b0ff; historical mauveine dye ran deeper, near #b784a7; modern mauve nudes sit around #c9a0b8.

Why is mauve historically important?

Perkin’s 1856 accidental synthesis was the first artificial dye — it industrialized color, founded synthetic chemistry, and proved lab molecules could outsell nature.

Mauve vs lilac vs lavender?

Lavender is bluest and palest, lilac pinker and fresher, mauve grayest and most vintage — the dried-flower member of the family.

Work with #e0b0ff in the Color Lab