COLOR #873E71

HEX: #873E71
RGB: (135,62,113)

Color info

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

RGB color model

#873E71 color RGB value is (135,62,113).

  • red value is 135;
  • green value is 62;
  • blue value is 113.
RGB:
(135,62,113)
(53%,24%,44%)

RGB channels and saturation

R 135 of 255 = 53%
G 62 of 255 = 24%
B 113 of 255 = 44%

135
62
113

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

Portions of RGB colors in percentages

R + G + B =
135 + 62 + 113 = 310 (100%)
R 135 of 310 ~ 43.55%
G 62 of 310 ~ 20%
B 113 of 310 ~ 36.45%

%43.55
%20
%36.45

CMYK color model

#873E71 color CMYK value is (0,54,16,47).

  • cyan value is 0.00%
  • magenta value is 54.07%
  • yellow value is 16.30%
  • key color value is 47.06%
CMYK:
(0,54,16,47)
C0M54Y16K47 
(0%,54%,16%,47%)
(0.00/0.54/0.16/0.47)	

CMYK percentages

%0
%54.07
%16.3
%47.06

Codes

Color #873E71 in popluar color models

873E71
RGB13562113
HSL318°37.06%38.63%
HSB/HSV318°54.07%52.94%
CMYK0.00%54.07%16.30%
47.06%

Color #873E71 in popluar number systems.

HEX873E71
Decimal13562113
Binary100001111111101110001
Octal20776161

Shades and tints

Shades of #873E71

#873E71
(135,62,113)
#7B3967
(123,57,103)
#6F345D
(111,52,93)
#632F53
(99,47,83)
#572A49
(87,42,73)
#4B253F
(75,37,63)
#3F2035
(63,32,53)
#331B2B
(51,27,43)
#271621
(39,22,33)
#1B1117
(27,17,23)
#0F0C0D
(15,12,13)
#000000
(0,0,0)

Tints of #873E71

#873E71
(135,62,113)
#914F7D
(145,79,125)
#9B6089
(155,96,137)
#A57195
(165,113,149)
#AF82A1
(175,130,161)
#B993AD
(185,147,173)
#C3A4B9
(195,164,185)
#CDB5C5
(205,181,197)
#D7C6D1
(215,198,209)
#E1D7DD
(225,215,221)
#EBE8E9
(235,232,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #873E71 color. Also use rgb(135,62,113) instead hex code.

Text Font Color

.myTextColor { color: #873E71; }

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

This text font color is #873E71.


Background Color

.myBgColor { background-color: #873E71; }

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

This div background color is #873E71.


Border color

.myBorderColor { border: 1px solid #873E71; }

<div style="border:3px solid #873E71">Div</div>

This div border color is #873E71.


Opacity

.myOpacity80 { color: #873E71; opacity: 0.8; }

<p style="color:#873E71;opacity:0.8;">80%</p>

Text with #873E71 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 #873E71;}

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

This text has shadow with #873E71 color.

.textShadow {text-shadow: 3px 3px 1px #873E71, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #873E71;
-webkit-box-shadow: 1px 1px 3px 2px #873E71;
box-shadow:1px 1px 3px 2px #873E71;">
Div content here</div>
This div box has shadow with color #873E71.

Preview

Color preview on black background

This text has color #873E71 on black background.


Color preview on white background

This text has color #873E71 on white background.



Black color preview on #873E71 background

This text has black color on #873E71 background.


White color preview on #873E71 background

This text has white color on #873E71 background.