What colors go well with mauve?

Mauve pairs with its complementary colour #CFFFB0 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Mauve Color — Hex Code #E0B0FF, RGB, Palettes & CSS

Q: What is the hex code for mauve?

Mauve is commonly #E0B0FF, which is rgb(224, 176, 255). Like most descriptive colour names it covers a small range, but this is a widely used value.

Mauve colour codes

Hex

#E0B0FF

RGB

rgb(224, 176, 255)

HSL

hsl(276, 100%, 85%)

HSV

hsv(276, 31%, 100%)

OKLCH

oklch(0.83 0.12 312)

CMYK

cmyk(12%, 31%, 0%, 0%)

Complementary palette

Mauve with its opposite on the colour wheel.

#E0B0FF

rgb(224, 176, 255)

#CFFFB0

rgb(207, 255, 176)

Triad palette

Mauve with two evenly-spaced partners.

#E0B0FF

rgb(224, 176, 255)

#FFE0B0

rgb(255, 224, 176)

#B0FFE0

rgb(176, 255, 224)

Monochromatic palette

Lighter and darker versions of mauve at the same hue.

#705880

rgb(112, 88, 128)

#9D7BB3

rgb(157, 123, 179)

#CA9EE6

rgb(202, 158, 230)

#E0B0FF

rgb(224, 176, 255)

Lighter tints

Mauve toward white.

#E0B0FF

rgb(224, 176, 255)

#E4BBFF

rgb(228, 187, 255)

#E9C7FF

rgb(233, 199, 255)

#EDD2FF

rgb(237, 210, 255)

#F2DDFF

rgb(242, 221, 255)

#F6E8FF

rgb(246, 232, 255)

#FBF4FF

rgb(251, 244, 255)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Mauve toward black.

#E0B0FF

rgb(224, 176, 255)

#C097DB

rgb(192, 151, 219)

#A07EB6

rgb(160, 126, 182)

#806592

rgb(128, 101, 146)

#604B6D

rgb(96, 75, 109)

#403249

rgb(64, 50, 73)

#201924

rgb(32, 25, 36)

#000000

rgb(0, 0, 0)

About mauve

A pale purple with a grey-pink cast. Soft and nostalgic, it carries a delicate, vintage elegance. The value shown here (#E0B0FF) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with mauve

The complementary colour (#CFFFB0) sits opposite mauve on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using mauve in your design

For CSS, paste #E0B0FF or the oklch(0.83 0.12 312) value, or download the ready-made mauve.css file above — it includes a full 50–950 token scale. Always check contrast before using mauve behind text.

What is the hex code for mauve?

Mauve is commonly #E0B0FF (rgb(224, 176, 255)). It covers a small range, but this is a widely used value.

What colours go well with mauve?

Its complementary colour #CFFFB0 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Mauve colour

Mauve colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About mauve

Palettes that work with mauve

Using mauve in your design

Popular colours

Color tools