Mauve Pink

#E0B0FF

What color is Mauve Pink?

Mauve pink is a soft, dusty pink with a gentle purple undertone, hex #E0B0FF, similar in tone to the petals of a pale wisteria bloom. It has more grey in it than a bright rose pink, giving it a muted, powdery appearance.

What is the meaning of the color Mauve Pink?

The name mauve entered English in 1859, when the British chemist William Henry Perkin accidentally produced a purple dye from coal tar and named it after the French word for the mallow flower. The dye was the first synthetic color made at industrial scale, and it spread rapidly through the Victorian fashion trade, becoming fashionable enough that the 1890s were nicknamed the Mauve Decade by author Thomas Beer. Mauve pink sits at the lighter, warmer end of that original dye family, and the shade was adopted by Hallmark as part of its signature pastel palette for greeting cards in the mid-twentieth century.

RGB
224, 176, 255
HSL
276°, 100%, 85%
CMYK
12, 31, 0, 0
HSV
276°, 31%, 100%
Mauve pink color

What colors go with Mauve Pink?

Colors that pair well with Mauve pink include:
Dusty sage: soft, muted complement
Ivory: warm, gentle contrast
Charcoal grey: grounded depth
Lavender: tonal, airy harmony
Gold: rich, warm balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E0B0FF color: #E0B0FF;
RGB 224, 176, 255 color: rgb(224, 176, 255);
RGB Percentage 88%, 69%, 100% color: rgb(88%, 69%, 100%);
CMYK 12%, 31%, 0%, 0% Not supported in CSS
HSL 276°, 100%, 85% color: hsl(276, 100%, 85%);
HSV 276°, 31%, 100% Not supported in CSS
CIE-LAB 68, 10, -26 color: lab(68% 10 -26);
Decimal 14725375 Not supported in CSS

Color Variations

Shades

#E0B3FF
#CF87FF
#BE5CFF
#AC30FF
#9B05FF
#8200D9
#6800AD
#4E0082

Tints

#F6E8FF
#F3E0FF
#F0D9FF
#EDD1FF
#EAC9FF
#E7C2FF
#E3BAFF
#E0B3FF

Tones

#E0B3FF
#E0B6FB
#DFBAF7
#DEBEF4
#DDC2F0
#DDC6EC
#DCC9E8
#DBCDE4

Hues

#E0B3FF
#FFB3E4
#FFBAB3
#FFF4B3
#D1FFB3
#B3FFCD
#B3F7FF
#B3BEFF

Color Harmonies

Analogous

#BAB3FF
Click to copy
#E0B0FF
Click to copy
#FFB3F7
Click to copy

Complementary

#E0B0FF
Click to copy
#D1FFB3
Click to copy

Split Complementary

#E0B0FF
Click to copy
#F7FFB3
Click to copy
#B3FFBA
Click to copy

Triadic

#E0B0FF
Click to copy
#FFE0B3
Click to copy
#B3FFE0
Click to copy

Tetradic

#E0B0FF
Click to copy
#FFBAB3
Click to copy
#D1FFB3
Click to copy
#B3F7FF
Click to copy

Square

#E0B0FF
Click to copy
#FFBAB3
Click to copy
#D1FFB3
Click to copy
#B3F7FF
Click to copy

CSS & Dev Snippets

CSS
.mauve-pink {
  color: #E0B0FF;
}
SCSS
$mauve-pink: #E0B0FF;
RGB
rgb(224, 176, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags