Color #89317A

Color info

#89317A contains mainly red and blue colors. Web safe color of #89317A is #993366 (or #936).

RGB color model

#89317A color RGB value is (137,49,122).

red value is 137;
green value is 49;
blue value is 122.

RGB:
(137,49,122)
(54%,19%,48%)

RGB channels and saturation

R 137 of 255 = 54%
G 49 of 255 = 19%
B 122 of 255 = 48%

137

122

R + G + B ~ 40%. #89317A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
137 + 49 + 122 = 308 (100%)
R 137 of 308 ~ 44.48%
G 49 of 308 ~ 15.91%
B 122 of 308 ~ 39.61%

%44.48

%15.91

%39.61

CMYK color model

#89317A color CMYK value is (0,64,11,46).

cyan value is 0.00%
magenta value is 64.23%
yellow value is 10.95%
key color value is 46.27%

CMYK:
(0,64,11,46)
C0M64Y11K46 
(0%,64%,11%,46%)
(0.00/0.64/0.11/0.46)

CMYK percentages

%64.23

%10.95

%46.27

Codes

Color #89317A in popluar color models

	89	31	7A
RGB	137	49	122
HSL	310°	47.31%	36.47%
HSB/HSV	310°	64.23%	53.73%
CMYK	0.00%	64.23%	10.95%
CMYK	46.27%

Color #89317A in popluar number systems.

HEX	89	31	7A
Decimal	137	49	122
Binary	10001001	110001	1111010
Octal	211	61	172

Shades and tints

Shades of #89317A

#89317A
(137,49,122)

#7D2D6F
(125,45,111)

#712964
(113,41,100)

#652559
(101,37,89)

#59214E
(89,33,78)

#4D1D43
(77,29,67)

#411938
(65,25,56)

#35152D
(53,21,45)

#291122
(41,17,34)

#1D0D17
(29,13,23)

#11090C
(17,9,12)

#000000
(0,0,0)

Tints of #89317A

#89317A
(137,49,122)

#934386
(147,67,134)

#9D5592
(157,85,146)

#A7679E
(167,103,158)

#B179AA
(177,121,170)

#BB8BB6
(187,139,182)

#C59DC2
(197,157,194)

#CFAFCE
(207,175,206)

#D9C1DA
(217,193,218)

#E3D3E6
(227,211,230)

#EDE5F2
(237,229,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #89317A color. Also use rgb(137,49,122) instead hex code.

Text Font Color

.myTextColor { color: #89317A; }

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

This text font color is #89317A.

Background Color

.myBgColor { background-color: #89317A; }

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

This div background color is #89317A.

Border color

.myBorderColor { border: 1px solid #89317A; }

<div style="border:3px solid #89317A">Div</div>

This div border color is #89317A.

Opacity

.myOpacity80 { color: #89317A; opacity: 0.8; }

<p style="color:#89317A;opacity:0.8;">80%</p>

Text with #89317A 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 #89317A;}

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

This text has shadow with #89317A color.

.textShadow {text-shadow: 3px 3px 1px #89317A, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #89317A.

Preview

Color preview on black background

This text has color #89317A on black background.

Color preview on white background

This text has color #89317A on white background.

Black color preview on #89317A background

This text has black color on #89317A background.

White color preview on #89317A background

This text has white color on #89317A background.