Skip to content

Mauve Color Code: HEX Code & RGB Code Values ​

Looking for specific mauve color code? Get exact mauve hex code #E0B0FF and mauve RGB code rgb(224,176,255). Complete color information for design and development projects featuring this soft, grayish-purple color.

Visual example of mauve color with its soft, grayish-purple appearance
HEX#E0B0FF
RGBrgb(224,176,255)

Shades of Mauve ​

Create custom shades of mauve with our color generator. Adjust hues, tints, and tones to find the perfect shade of mauve for your project.

🎨

Shades (Adding Black)

  • E0B0FF
    rgb(224, 176, 255)
  • B790D0
    rgb(183, 144, 208)
  • 8F72A2
    rgb(143, 114, 162)
  • 6A5577
    rgb(106, 85, 119)
  • 46394E
    rgb(70, 57, 78)
  • 262029
    rgb(38, 32, 41)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • E0B0FF
    rgb(224, 176, 255)
  • E6BDFF
    rgb(230, 189, 255)
  • EBCAFF
    rgb(235, 202, 255)
  • F1D8FF
    rgb(241, 216, 255)
  • F6E5FF
    rgb(246, 229, 255)
  • FAF2FF
    rgb(250, 242, 255)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • E0B0FF
    rgb(224, 176, 255)
  • DDB2F8
    rgb(221, 178, 248)
  • D9B5EF
    rgb(217, 181, 239)
  • D4B9E5
    rgb(212, 185, 229)
  • CFBCDA
    rgb(207, 188, 218)
  • C9BFCE
    rgb(201, 191, 206)
  • 808080
    rgb(128, 128, 128)

Mauve Palette ​

Explore curated and automatically generated color palettes featuring mauve. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F5E5FF
Light
#EED4FF
Medium Light
#E7C2FF
Medium
#E0B0FF
Medium Dark
#C683F5
Dark
#AA53EA
Darkest
#890EDF

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#E0B0FF
Left Dark
#E6C1FD
Left Medium
#ECD3FA
Left Light
#F1E4F8
Neutral
#F5F5F5
Right Light
#ECF8E4
Right Medium
#E3FAD3
Right Dark
#D9FDC1
Complementary End
#CFFFB0

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F1D7FF
Medium
#E0B0FF
Dark
#744B92
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#B0CFFF
Left Adjacent 1
#B8B0FF
Main
#E0B0FF
Right Adjacent 1
#FFB0F7
Right Adjacent 2
#FFB0CF

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#E0B0FF
Complementary
#CFFFB0

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#E0B0FF
Secondary
#FFE0B0
Tertiary
#B0FFE0

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#E0B0FF
Right 90°
#FFB8B0
Complementary
#CFFFB0
Left 90°
#B0F7FF

Tetradic

Two pairs of complementary colors

4 colors
Main
#E0B0FF
Secondary
#FFB0CF
Complementary
#CFFFB0
Complementary Secondary
#B0FFE0

Split Complementary

Complementary colors ±30°

3 colors
Main
#E0B0FF
Split Left
#F7FFB0
Split Right
#B0FFB8

Cyclic

Circular gradient for periodic data

8 colors
0°
#E0B0FF
45°
#FFB0E3
90°
#FFB8B0
135°
#FFF4B0
180°
#CFFFB0
225°
#B0FFCC
270°
#B0F7FF
315°
#B0BBFF

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#B79CC9
Pastel 1
#C1A9D1
Pastel 2
#CBB6D8
Pastel 3
#D4C3DF
Pastel 4
#DED1E6
Deep Pastel
#E7DEED

Common Purple Color Codes (HEX & RGB) ​

Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Light Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Dark Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Royal Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Violet →
HEX:#9400D3
RGB:rgb(148, 0, 211)
Lavender →
HEX:#E6E6FA
RGB:rgb(230, 230, 250)
Magenta →
HEX:#FF00FF
RGB:rgb(255, 0, 255)
Lilac →
HEX:#C8A2C8
RGB:rgb(200,162,200)

Extract Mauve Hex & RGB Codes from Image ​

Upload a photo to find the exact mauve HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Mauve Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for mauve shades.

🎨

All Formats:

  • HEX:
    #E0B0FF
  • RGB:
    rgb(224, 176, 255)
  • CMYK:
    cmyk(12%, 31%, 0%, 0%)
  • HSV:
    hsv(276°, 31%, 100%)
  • HSL:
    hsl(276°, 100%, 85%)

What is Mauve? ​

Mauve is a soft, grayish-purple color that was famously popularized in the 19th century. It's a sophisticated, muted shade that evokes feelings of elegance and nostalgia. This color is often associated with vintage aesthetics, fashion, and timeless style.

The hex code for mauve is #E0B0FF, with RGB values of rgb(224, 176, 255). It's a refined, versatile color that adds sophistication to any design.

Design Applications ​

Mauve works well in vintage designs, fashion branding, and elegant projects. It pairs beautifully with cream, soft gold, and sage green. Use it for retro branding, luxury fashion, or to create a timeless, elegant atmosphere in your projects.

FAQ ​

What is the mauve hex code? ​

The mauve hex code is #E0B0FF.

What colors go well with mauve? ​

Mauve pairs well with cream, soft gold, sage green, and light grey.

Mauve became extremely popular in the 1850s after its discovery as a synthetic dye.