Mauve is a light, vivid shade in the purple color family, with a cool feel. Its HEX code is #E0B0FF, which equals rgb(224, 176, 255) in RGB and hsl(276, 100%, 85%) in HSL. In print terms it converts to roughly C12 M31 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#E0B0FF - RGB
224, 176, 255 - HSL
276°, 100%, 85% - CMYK
12, 31, 0, 0 - Family
Purple - Tone
Light, vivid
About Mauve
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 11.82:1. Its complementary color is #D1FFB3.
Download Mauve as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Mauve color codes
| HEX | #E0B0FF |
|---|---|
| RGB | rgb(224, 176, 255) |
| HSL | hsl(276, 100%, 85%) |
| HSV | 276°, 31%, 100% |
| CMYK | 12%, 31%, 0%, 0% |
| Decimal | 14725375 |
Shades and tints of Mauve
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FAF2FF - 100
#F5E5FF - 200
#F0D8FF - 300
#EACAFF - 400
#E5BDFF - 500
#E0B0FF - 600
#BB93D5 - 700
#9575AA - 800
#705880 - 900
#4B3B55 - 950
#251D2B
Color harmonies for Mauve
- Complementary
#D1FFB3≈ Very Pale Bright Apple - Analogous −30°
#BAB3FF≈ Very Pale Bright Indigo - Analogous +30°
#FFB3F7≈ Very Pale Bright Magenta - Triadic +120°
#FFE0B3≈ Moccasin - Triadic +240°
#B3FFE0≈ Very Pale Bright Aquamarine - Split 150°
#F7FFB3≈ Very Pale Bright Yellow - Split 210°
#B3FFBA≈ Very Pale Bright Emerald
Contrast and accessibility of Mauve
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Mauve | Aa | 1.78:1 | Fails |
| Black text on Mauve | Aa | 11.82:1 | AAA (excellent) |
CSS code for Mauve
background-color: #E0B0FF;color: #E0B0FF;background-color: rgb(224, 176, 255);background-color: hsl(276, 100%, 85%);:root { --color-mauve: #E0B0FF; }class="bg-[#E0B0FF]"Colors similar to Mauve
- Very Pale Bright Grape
#E0ACF6 - Very Pale Bright Purple
#E7ACF6 - Very Pale Bright Amethyst
#D8ACF6 - Very Pale Grape
#E3A3FF - Very Pale Amethyst
#DAA3FF - Very Pale Bright Orchid
#EEACF6 - Very Pale Soft Purple
#E2B6ED - Very Pale Bright Violet
#D1ACF6 - Very Pale Soft Grape
#DCB6ED - Very Pale Soft Orchid
#E7B6ED - Very Pale Soft Amethyst
#D7B6ED - Very Pale Purple
#EDA3FF
More purple shades
- Rebecca Purple
#663399 - Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Amethyst
#9966CC - Darkest Periwinkle
#140033 - Very Dark Periwinkle
#25005C - Dark Periwinkle
#350085 - Deep Periwinkle
#4500AD
Frequently asked questions
What is the HEX code for Mauve?
The HEX code for Mauve is #E0B0FF.
What is the RGB value of Mauve?
Mauve has an RGB value of 224, 176, 255 (rgb(224, 176, 255)). In HSL it is 276°, 100%, 85%.
What text color should I use on Mauve?
Use black text on Mauve. White text has a contrast ratio of 1.78:1 and black text has 11.82:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Mauve?
The complementary color of Mauve is #D1FFB3. Analogous colors #BAB3FF and #FFB3F7 also pair well.