COLOR #8A72A1

HEX: #8A72A1 RGB: (138,114,161)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#8A72A1 contains red, green and blue colors in about the same proportion. Web safe color of #8A72A1 is #996699 (or #969).

RGB color model

#8A72A1 color RGB value is (138,114,161).

red value is 138;
green value is 114;
blue value is 161.

RGB: (138,114,161) (54%, 45%, 63%)

RGB channels and saturation

R 138 of 255 = 54%
G 114 of 255 = 45%
B 161 of 255 = 63%

138

114

161

R + G + B ~ 54%. #8A72A1 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 138 + 114 + 161 = 413 (100%)
R 138 of 413 ~ 33.41%
G 114 of 413 ~ 27.6%
B 161 of 413 ~ 38.98'%

%33.41

%27.6

%38.98

CMYK color model

#8A72A1 color CMYK value is (14,29,0,37).

cyan value is 14.29%
magenta value is 29.19%
yellow value is 0.00%
key color value is 36.86%

CMYK: (14,29,0,37) C14M29Y0K37 (14%,29%,0%,37%) (0.14/0.29/0.00/0.37)

CMYK percentages

%14.29

%29.19

%36.86

Codes

Color #8A72A1 in popluar color models

	8A	72	A1
RGB	138	114	161
HSL	271°	20.00%	53.92%
HSB/HSV	271°	29.19%	63.14%
CMYK	14.29%	29.19%	0.00%
CMYK	36.86%

Color #8A72A1 in popluar number systems.

HEX	8A	72	A1
Decimal	138	114	161
Binary	10001010	1110010	10100001
Octal	212	162	241

Shades and tints

Shades of #8A72A1

#8A72A1
(138,114,161)

#7E6893
(126,104,147)

#725E85
(114,94,133)

#665477
(102,84,119)

#5A4A69
(90,74,105)

#4E405B
(78,64,91)

#42364D
(66,54,77)

#362C3F
(54,44,63)

#2A2231
(42,34,49)

#1E1823
(30,24,35)

#120E15
(18,14,21)

#000000
(0,0,0)

Tints of #8A72A1

#8A72A1
(138,114,161)

#947EA9
(148,126,169)

#9E8AB1
(158,138,177)

#A896B9
(168,150,185)

#B2A2C1
(178,162,193)

#BCAEC9
(188,174,201)

#C6BAD1
(198,186,209)

#D0C6D9
(208,198,217)

#DAD2E1
(218,210,225)

#E4DEE9
(228,222,233)

#EEEAF1
(238,234,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8A72A1 color. Also use rgb(138,114,161) instead hex code.

Text Font Color

.myTextColor { color: #8A72A1; }

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

This text font color is #8A72A1.

Background Color

.myBgColor { background-color: #8A72A1; }

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

This div background color is #8A72A1.

Border color

.myBorderColor { border: 1px solid #8A72A1; }

This div border color is #8A72A1.

Opacity

.myOpacity80 { color: #8A72A1; opacity: 0.8; }

Text with #8A72A1 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 #8A72A1;}

This text has shadow with #8A72A1 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8A72A1.