Mauve color: code #E0B0FF
Mauve
#E0B0FF
Color codes
- HEX
#E0B0FF - RGB
rgb(224, 176, 255) - HSL
hsl(276, 100%, 85%) - HSV
hsv(276, 31%, 100%) - CMYK
cmyk(12%, 31%, 0%, 0%) - LAB
lab(78.5% 31.5 -32.5) - OKLCH
oklch(82.7% 0.119 311.6)
About the color Mauve
Mauve has the HEX code #E0B0FF, which corresponds to rgb(224, 176, 255) in the RGB model. On the color wheel its hue sits at 276°, with 100% saturation and 85% lightness (hsl(276, 100%, 85%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 11.82:1 contrast ratio on it, versus 1.77:1 for white.
For print, the approximate conversion is cmyk(12%, 31%, 0%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Mauve
Complementary
#E0B0FF · #D1FFB3
Analogous
#BAB3FF · #E0B0FF · #FFB3F7
Triadic
#E0B0FF · #FFE0B3 · #B3FFE0
Tetradic
#E0B0FF · #FFBAB3 · #D1FFB3 · #B3F7FF
Split-complementary
#E0B0FF · #F7FFB3 · #B3FFBA
Monochromatic
#AD33FF · #CC80FF · #E0B0FF · #FFFFFF · #FFFFFF
Mauve with white and black text
How to use it in CSS
:root {
--color-mauve: #E0B0FF;
--color-mauve-rgb: 224, 176, 255;
}
.elemento {
background-color: var(--color-mauve);
color: #000000;
}