Color #8315AA

Color info

#8315AA contains mainly red and blue colors. Web safe color of #8315AA is #990099 (or #909).

RGB color model

#8315AA color RGB value is (131,21,170).

red value is 131;
green value is 21;
blue value is 170.

RGB:
(131,21,170)
(51%,8%,67%)

RGB channels and saturation

R 131 of 255 = 51%
G 21 of 255 = 8%
B 170 of 255 = 67%

131

170

R + G + B ~ 42%. #8315AA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
131 + 21 + 170 = 322 (100%)
R 131 of 322 ~ 40.68%
G 21 of 322 ~ 6.52%
B 170 of 322 ~ 52.8%

%40.68

%52.8

CMYK color model

#8315AA color CMYK value is (23,88,0,33).

cyan value is 22.94%
magenta value is 87.65%
yellow value is 0.00%
key color value is 33.33%

CMYK:
(23,88,0,33)
C23M88Y0K33 
(23%,88%,0%,33%)
(0.23/0.88/0.00/0.33)

CMYK percentages

%22.94

%87.65

%33.33

Codes

Color #8315AA in popluar color models

	83	15	AA
RGB	131	21	170
HSL	284°	78.01%	37.45%
HSB/HSV	284°	87.65%	66.67%
CMYK	22.94%	87.65%	0.00%
CMYK	33.33%

Color #8315AA in popluar number systems.

HEX	83	15	AA
Decimal	131	21	170
Binary	10000011	10101	10101010
Octal	203	25	252

Shades and tints

Shades of #8315AA

#8315AA
(131,21,170)

#78149B
(120,20,155)

#6D138C
(109,19,140)

#62127D
(98,18,125)

#57116E
(87,17,110)

#4C105F
(76,16,95)

#410F50
(65,15,80)

#360E41
(54,14,65)

#2B0D32
(43,13,50)

#200C23
(32,12,35)

#150B14
(21,11,20)

#000000
(0,0,0)

Tints of #8315AA

#8315AA
(131,21,170)

#8E2AB1
(142,42,177)

#993FB8
(153,63,184)

#A454BF
(164,84,191)

#AF69C6
(175,105,198)

#BA7ECD
(186,126,205)

#C593D4
(197,147,212)

#D0A8DB
(208,168,219)

#DBBDE2
(219,189,226)

#E6D2E9
(230,210,233)

#F1E7F0
(241,231,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8315AA color. Also use rgb(131,21,170) instead hex code.

Text Font Color

.myTextColor { color: #8315AA; }

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

This text font color is #8315AA.

Background Color

.myBgColor { background-color: #8315AA; }

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

This div background color is #8315AA.

Border color

.myBorderColor { border: 1px solid #8315AA; }

<div style="border:3px solid #8315AA">Div</div>

This div border color is #8315AA.

Opacity

.myOpacity80 { color: #8315AA; opacity: 0.8; }

<p style="color:#8315AA;opacity:0.8;">80%</p>

Text with #8315AA 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 #8315AA;}

<p style="text-shadow: 3px 3px 1px #8315AA">Text here.</p>

This text has shadow with #8315AA color.

.textShadow {text-shadow: 3px 3px 1px #8315AA, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #8315AA, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#8315AA, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #8315AA.

Preview

Color preview on black background

This text has color #8315AA on black background.

Color preview on white background

This text has color #8315AA on white background.

Black color preview on #8315AA background

This text has black color on #8315AA background.

White color preview on #8315AA background

This text has white color on #8315AA background.