#E0B0FF
Mauve
Mauve is a pale, bluish-purple that was the first synthetic organic dye, discovered in 1856. It represents innovation and the blending of tradition with modernity.
Mauve Color Values
HEX#E0B0FF
RGB224, 176, 255
HSL276°, 100%, 85%
HSV276°, 31%, 100%
CMYK12%, 31%, 0%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #A3C0FF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #ADC4FD (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #DDBBCD (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #CACACA (~0.003% of population)
Mauve as Text Color
Mauve on White
1.8:1FAIL
Mauve on Light Gray
1.6:1FAIL
Mauve on Cream
1.7:1FAIL
Mauve on Dark
9.6:1AAA
Mauve on Black
11.8:1AAA
Mauve on Soft Blue
1.6:1FAIL
Mauve on Soft Green
1.6:1FAIL
Mauve on Soft Pink
1.5:1FAIL
Nearest Tailwind Class
slate-300
#CBD5E1
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-mauve: #E0B0FF;
--color-mauve-rgb: 224, 176, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'mauve': '#E0B0FF',
}Shades of Mauve
#E0B3FF
#CE85FF
#BA52FF
#A724FF
#9000F0
#7400C2
#56008F
#3A0061
#1C002E
#000000
Tints of Mauve
#E0B3FF
#E4BDFF
#E7C2FF
#EBCCFF
#EFD6FF
#F1DBFF
#F5E5FF
#F9F0FF
#FBF5FF
#FFFFFF
Color Harmonies
Complementary
#E0B0FF
#D1FFB3
Analogous
#BAB3FF
#E0B3FF
#FFB3F7
Triadic
#E0B3FF
#FFE0B3
#B3FFE0
Mauve Text Preview
Heading in Mauve
Body text in Mauve. The quick brown fox jumps over the lazy dog.
White on Mauve
Body text on a Mauve background.
Mauve text on dark background
Contrast: 10.0:1