Mauve

#E0AFFF

What color is Mauve?

Mauve is a soft, dusty purple with a gentle pink tone, hex #E0AFFF, similar to the color of a dried lavender bloom. It is lighter and hazier than violet, with a faded, powdery quality.

What is the meaning of the color Mauve?

In 1856, an eighteen-year-old British chemist named William Henry Perkin accidentally produced the first synthetic dye while attempting to synthesize quinine. The resulting purple color, which Perkin named mauve after the French word for the mallow flower, became the first aniline dye sold commercially. It spread rapidly through Victorian fashion after Queen Victoria wore a mauve gown to her daughter’s wedding in 1858, making the color a mark of fashionable society. The Penny Violet, a mauve-printed postage stamp issued by Britain in 1881, gave the color one of its most documented appearances in public life.

RGB
224, 175, 255
HSL
277°, 100%, 84%
CMYK
12, 31, 0, 0
HSV
277°, 31%, 100%
Mauve color

What colors go with Mauve?

Colors that pair well with Mauve include:
Sage Green: soft, natural balance
Dusty Rose: gentle tonal harmony
Charcoal: grounding dark contrast
Cream: warm, brightening softness
Navy Blue: rich, cooling depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E0AFFF color: #E0AFFF;
RGB 224, 175, 255 color: rgb(224, 175, 255);
RGB Percentage 88%, 69%, 100% color: rgb(88%, 69%, 100%);
CMYK 12%, 31%, 0%, 0% Not supported in CSS
HSL 277°, 100%, 84% color: hsl(277, 100%, 84%);
HSV 277°, 31%, 100% Not supported in CSS
CIE-LAB 67, 10, -27 color: lab(67% 10 -27);
Decimal 14725119 Not supported in CSS

Color Variations

Shades

#E0ADFF
#CF83FF
#BF58FF
#AE2DFF
#9E02FF
#8400D6
#6A00AB
#4F0081

Tints

#F6E7FF
#F2DEFF
#EFD6FF
#ECCEFF
#E9C6FF
#E6BEFF
#E3B6FF
#E0ADFF

Tones

#E0ADFF
#DFB1FB
#DEB6F7
#DDBAF3
#DCBEEF
#DBC2EB
#DAC6E7
#D9CAE2

Hues

#E0ADFF
#FFADE1
#FFB7AD
#FFF4AD
#CDFFAD
#ADFFCB
#ADF5FF
#ADB8FF

Color Harmonies

Analogous

#B7ADFF
Click to copy
#E0AFFF
Click to copy
100%
#FFADF5
Click to copy

Complementary

#E0AFFF
Click to copy
100%
#CDFFAD
Click to copy

Split Complementary

#E0AFFF
Click to copy
100%
#F5FFAD
Click to copy
#ADFFB7
Click to copy

Triadic

#E0AFFF
Click to copy
100%
#FFE0AD
Click to copy
#ADFFE0
Click to copy

Tetradic

#E0AFFF
Click to copy
100%
#FFB7AD
Click to copy
#CDFFAD
Click to copy
#ADF5FF
Click to copy

Square

#E0AFFF
Click to copy
100%
#FFB7AD
Click to copy
#CDFFAD
Click to copy
#ADF5FF
Click to copy

CSS & Dev Snippets

CSS
.mauve {
  color: #E0AFFF;
}
SCSS
$mauve: #E0AFFF;
RGB
rgb(224, 175, 255)

Accessibility & Contrast

White background

1.79:1
1.79
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.75:1
11.75
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags