Mauve (#e0b0ff) Web Color For Web Page Design

Everything about Mauve (#e0b0ff) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

Mauve (#e0b0ff) Color Hex

Mauve (#e0b0ff) rgb(224, 176, 255)

Color spaces of Mauve (#e0b0ff)

RGB224176255
HSL0.771.000.85
HSV27731100
CMYK0.120.310.00 0.00
XYZ64.315854.1180101.6637
Yxy0.29220.2459
Hunter Lab73.564927.3191-30.4410
CIE-Lab78.530531.5060-32.4948

Base Numbers

BaseRedGreenBlue
Binary111000001011000011111111
Octal340260377
Decimal224176255
HexE0B0FF

Shades of Mauve (#e0b0ff)

Copied!
HEX toggle hex RGB
#e0b0ff #ca9ee6 #b38dcc #9d7bb3 #866a99 #705880 #5a4666 #43354d #2d2333 #161219 #000000

Tints of Mauve (#e0b0ff)

Copied!
HEX toggle hex RGB
#d2a7ee #c7a1e0 #c1a0d7 #bea2d1 #c0a8cf #c4b1d1 #cdbfd6 #dad1e1 #ebe6ee #ffffff

RGB Percentages of Color Mauve (#e0b0ff)

Red
Green
Blue

CMYK Percentages of Color Mauve (#e0b0ff)

Cyan
Magenta
Yellow
Black

Analogous Colors of Mauve (#e0b0ff)

Copied!
HEX toggle hex RGB
#e0b0ff #ff00e6 #ff0066 #ff1a00

Triadic Colors of Mauve (#e0b0ff) separated with 120° angle

Copied!
HEX toggle hex RGB
#e0b0ff #ffe2b3 #b3ffe2

Tetradic Colors of Mauve (#e0b0ff) separated with 90° angle

Copied!
HEX toggle hex RGB
#e0b0ff #ffbbb3 #d0ffb3 #b3f6ff

Monochromatic Colors of Mauve (#e0b0ff)

Copied!
HEX toggle hex RGB
#8600d9 #b030ff #c971ff #fbf4ff #ffffff

Complementary Color

Copied!
HEX toggle hex RGB
#e0b0ff #d0ffb3

Pastel variations

Copied!
HEX toggle hex RGB
#5e458a #574080 #d7cfe6 #6430bf

Soft variations

Copied!
HEX toggle hex RGB
#63567a #675980 #d7cfe6 #8360bf

Light variations

Copied!
HEX toggle hex RGB
#d7bfff #8360bf #efe6ff #ae80ff

Hard variations

Copied!
HEX toggle hex RGB
#380099 #22005c #efe6ff #9e66ff

Pale variations

Copied!
HEX toggle hex RGB
#7a7582 #777380 #efe6ff #b3acbf

Mauve (#e0b0ff) Color Preview on Black Background

This is Mauve (#e0b0ff) on a black background

Mauve (#e0b0ff) Color Preview on White Background

This is Mauve (#e0b0ff) on a white background

Mauve (#e0b0ff) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

Mauve (#e0b0ff) Text Font Color

This is a sample text written with the Mauve (#e0b0ff) color.
This is a strong text written with the Mauve (#e0b0ff) as well.

Mauve (#e0b0ff) Background Color

                <div style="background-color:Mauve (#e0b0ff)">
                    Text on the Mauve (#e0b0ff) color
                </div>

Mauve (#e0b0ff) Border Color

<div style="border:3px solid #ff0000">
                  Div here
                </div>

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(224, 176, 255);">Text here</p>

This is a text with rgb(224, 176, 255) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #e0b0ff;
                  -webkit-box-shadow: 1px 1px 3px 2px #e0b0ff;
                  box-shadow:         1px 1px 3px 2px #e0b0ff;">
                    Div content here
                </div>
An html Div with text shadow using #e0b0ff color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
Recommended Purple
Copied!
share
HEX toggle hex RGB
Ok4
Copied!
share
HEX toggle hex RGB
All about purple
Copied!
share
HEX toggle hex RGB
Soft Purple and Lilac Empathy
Copied!
share
HEX toggle hex RGB
Magician - Enigmatic Purples and Mindful Greens
Copied!
share
HEX toggle hex RGB
Purple Cream
Copied!
share
HEX toggle hex RGB
Pale Purples
Copied!
share
HEX toggle hex RGB
Wavelengths - girls old
Copied!
share
HEX toggle hex RGB
Wavelengths-girls
Copied!
share
HEX toggle hex RGB
Phlox
Copied!
share
HEX toggle hex RGB
Verao 1 - Book
Copied!
share
HEX toggle hex RGB
Sugar coated
Copied!
share
HEX toggle hex RGB
Life-Pisces
Copied!
share
HEX toggle hex RGB
Life-Libra