COLOR #E1A6DD

HEX: #E1A6DD RGB: (225,166,221)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#E1A6DD contains red, green and blue colors in about the same proportion. Web safe color of #E1A6DD is #CC99CC (or #C9C).

RGB color model

#E1A6DD color RGB value is (225,166,221).

red value is 225;
green value is 166;
blue value is 221.

RGB: (225,166,221) (88%, 65%, 87%)

RGB channels and saturation

R 225 of 255 = 88%
G 166 of 255 = 65%
B 221 of 255 = 87%

225

166

221

R + G + B ~ 80%. #E1A6DD is quite light color.

Portions of RGB colors in percentages

R + G + B = 225 + 166 + 221 = 612 (100%)
R 225 of 612 ~ 36.76%
G 166 of 612 ~ 27.12%
B 221 of 612 ~ 36.11'%

%36.76

%27.12

%36.11

CMYK color model

#E1A6DD color CMYK value is (0,26,2,12).

cyan value is 0.00%
magenta value is 26.22%
yellow value is 1.78%
key color value is 11.76%

CMYK: (0,26,2,12) C0M26Y2K12 (0%,26%,2%,12%) (0.00/0.26/0.02/0.12)

CMYK percentages

%26.22

%1.78

%11.76

Codes

Color #E1A6DD in popluar color models

	E1	A6	DD
RGB	225	166	221
HSL	304°	49.58%	76.67%
HSB/HSV	304°	26.22%	88.24%
CMYK	0.00%	26.22%	1.78%
CMYK	11.76%

Color #E1A6DD in popluar number systems.

HEX	E1	A6	DD
Decimal	225	166	221
Binary	11100001	10100110	11011101
Octal	341	246	335

Shades and tints

Shades of #E1A6DD

#E1A6DD
(225,166,221)

#CD97C9
(205,151,201)

#B988B5
(185,136,181)

#A579A1
(165,121,161)

#916A8D
(145,106,141)

#7D5B79
(125,91,121)

#694C65
(105,76,101)

#553D51
(85,61,81)

#412E3D
(65,46,61)

#2D1F29
(45,31,41)

#191015
(25,16,21)

#000000
(0,0,0)

Tints of #E1A6DD

#E1A6DD
(225,166,221)

#E3AEE0
(227,174,224)

#E5B6E3
(229,182,227)

#E7BEE6
(231,190,230)

#E9C6E9
(233,198,233)

#EBCEEC
(235,206,236)

#EDD6EF
(237,214,239)

#EFDEF2
(239,222,242)

#F1E6F5
(241,230,245)

#F3EEF8
(243,238,248)

#F5F6FB
(245,246,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E1A6DD color. Also use rgb(225,166,221) instead hex code.

Text Font Color

.myTextColor { color: #E1A6DD; }

<p style="color:#E1A6DD">This sample text font color is #E1A6DD.</p>

This text font color is #E1A6DD.

Background Color

.myBgColor { background-color: #E1A6DD; }

<div style="background-color:#E1A6DD">Inner text</div>

This div background color is #E1A6DD.

Border color

.myBorderColor { border: 1px solid #E1A6DD; }

This div border color is #E1A6DD.

Opacity

.myOpacity80 { color: #E1A6DD; opacity: 0.8; }

Text with #E1A6DD color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #E1A6DD;}

This text has shadow with #E1A6DD color.

.textShadow {text-shadow: 3px 3px 1px #E1A6DD', 3px 3px 1px red;}

This text has shadow with #E1A6DD primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#E1A6DD, Direction=45, Strength=4)}

This text has shadow with #E1A6DD and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #E1A6DD;
-webkit-box-shadow: 1px 1px 3px 2px #E1A6DD;
box-shadow: 1px 1px 3px 2px #E1A6DD;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #E1A6DD; -webkit-box-shadow: 1px 1px 3px 2px #E1A6DD; box-shadow:1px 1px 3px 2px #E1A6DD;">
Div content here
</div>

This div box has shadow with color #E1A6DD.