Mauve hex code
The hex code for mauve is #E0B0FF. In RGB that is rgb(224, 176, 255) and in HSL it is hsl(276, 100%, 85%).
The hex code for mauve is #E0B0FF. In RGB that is rgb(224, 176, 255) and in HSL it is hsl(276, 100%, 85%).
Mauve · #E0B0FF
Colour codes
- HEX
- #E0B0FF
- RGB
- rgb(224, 176, 255)
- HSL
- hsl(276, 100%, 85%)
- CMYK
- 12, 31, 0, 0
- Contrast on white
- 1.78:1
- Contrast on black
- 11.82:1
Tints and shades
20% lighter · #e6c0ff
40% lighter · #ecd0ff
60% lighter · #f3dfff
80% lighter · #f9efff
20% darker · #b38dcc
40% darker · #866a99
60% darker · #5a4666
80% darker · #2d2333
Complementary colour
Mauve · #E0B0FF
Opposite on the colour wheel · #d1ffb3
Frequently asked questions
What is the hex code for mauve?
The hex code for mauve is #E0B0FF. In RGB that is rgb(224, 176, 255) and in HSL it is hsl(276, 100%, 85%).
Can I use mauve for text?
It has a contrast ratio of 1.78:1 on white and 11.82:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with mauve?
Its complementary colour, opposite on the colour wheel, is #D1FFB3. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of mauve instead.
Is mauve a CSS colour name?
No. Mauve is a common name rather than a CSS keyword, and different sources use slightly different values. #E0B0FF is the most widely used one - use the hex value in CSS.