What is color #e0b0ff?
#e0b0ff is Mauve, a soft violet tone with a cold character. It is common in contemporary design systems and carries the mood of nostalgia.
Historically, this kind of color traces back to Byzantine imperial robes. Today it appears across luxury packaging and beauty brands.
To make the most of #e0b0ff, balance it with crisp white for modern clarity, or combine it with analogous neighbors for harmonious palettes.
Conversions for #e0b0ff
HEX
#e0b0ff
RGB
224, 176, 255
HSL
276°, 100%, 85%
HSV
276°, 31%, 100%
CMYK
12%, 31%, 0%, 0%
XYZ
64.32, 54.12, 101.66
CIE-Lab
78.53, 31.51, -32.49
Web safe
#cc99ff
WCAG accessibility of #e0b0ff (Mauve)
On white
1.78 : 1
Sample #e0b0ff
Rating: Fail
On black
11.82 : 1
Sample #e0b0ff
Rating: AAA
Tones of Mauve (desaturated variations of #e0b0ff)
Color harmonies for #e0b0ff
Colors similar to #e0b0ff
Gradients featuring #e0b0ff
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #e0b0ff
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #e0b0ff
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #e0b0ff.
const color = "#e0b0ff";
CSS & Tailwind snippets for #e0b0ff
Background
.bg-e0b0ff { background-color: #e0b0ff; }Text color
.text-e0b0ff { color: #e0b0ff; }Border
.border-e0b0ff { border: 1px solid #e0b0ff; }Box shadow
.shadow-e0b0ff { box-shadow: 0 4px 14px #e0b0ff40; }CSS variable
:root { --color-e0b0ff: #e0b0ff; }Tailwind config
colors: {
'mauve': '#e0b0ff',
}