Soft Pale Muted Violet
Category: Purple
Mauve (#E0B0FF) — Color Codes, Meaning & UI Palettes
Mauve made history in 1856 as the world's first synthetic aniline dye. It communicates vintage romance, artistic creativity, and delicate sensory calm.
Click to Copy HEX
Mauve
#E0B0FF
HEX
#E0B0FF
RGB
rgb(224, 176, 255)
HSL
hsl(276deg, 100%, 85%)
CMYK (Print)
cmyk(12%, 31%, 0%, 0%)
Apple Display P3
color(display-p3 0.878 0.690 1.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.78:1 (Fail)
Black Text (#000000)
11.82:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FDFAFF
100
#FAF2FF
200
#F5E6FF
300
#EFD6FF
400
#E7C3FF
500
#E0B0FF
600
#B38DCC
700
#866A99
800
#5A4666
900
#312738
950
#1B151F
Color Harmonies & Palette Schemes
Complementary
#D1FFB2
Opposite 180° Contrast
Analogous -30°
#BAB2FF
Natural Harmony
Analogous +30°
#FFB2F7
Natural Harmony
Triadic +120°
#FFE0B2
120° Balanced Triad
Triadic +240°
#B2FFE0
120° Balanced Triad
Curated UI Design Pairings for Mauve
Commonly deployed in lifestyle cosmetics, boutique stationery, and botanical skincare. Pair with rich charcoal or dark forest tones.
Dark Forest
#1B4332
Rich Contrast
Warm Carrara
#F5EEE6
Editorial Background
Deep Plum
#332941
Primary Typography
Soft Brass
#DEB887
Warm Accent
Export Mauve Code Snippets
CSS Variable
--color-mauve-color: #E0B0FF;
Tailwind Config
'mauve-color': '#E0B0FF'
Swift / SwiftUI
Color(hex: "#E0B0FF")
JSON Design Token
{"name": "Mauve", "hex": "#E0B0FF"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.