COLOR #8B7139

HEX: #8B7139
RGB: (139,113,57)

Color info

#8B7139 contains mainly red and green colors. Web safe color of #8B7139 is #996633 (or #963).

RGB color model

#8B7139 color RGB value is (139,113,57).

  • red value is 139;
  • green value is 113;
  • blue value is 57.
RGB:
(139,113,57)
(55%,44%,22%)

RGB channels and saturation

R 139 of 255 = 55%
G 113 of 255 = 44%
B 57 of 255 = 22%

139
113
57

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

Portions of RGB colors in percentages

R + G + B =
139 + 113 + 57 = 309 (100%)
R 139 of 309 ~ 44.98%
G 113 of 309 ~ 36.57%
B 57 of 309 ~ 18.45%

%44.98
%36.57
%18.45

CMYK color model

#8B7139 color CMYK value is (0,19,59,45).

  • cyan value is 0.00%
  • magenta value is 18.71%
  • yellow value is 58.99%
  • key color value is 45.49%
CMYK:
(0,19,59,45)
C0M19Y59K45 
(0%,19%,59%,45%)
(0.00/0.19/0.59/0.45)	

CMYK percentages

%0
%18.71
%58.99
%45.49

Codes

Color #8B7139 in popluar color models

8B7139
RGB13911357
HSL41°41.84%38.43%
HSB/HSV41°58.99%54.51%
CMYK0.00%18.71%58.99%
45.49%

Color #8B7139 in popluar number systems.

HEX8B7139
Decimal13911357
Binary100010111110001111001
Octal21316171

Shades and tints

Shades of #8B7139

#8B7139
(139,113,57)
#7F6734
(127,103,52)
#735D2F
(115,93,47)
#67532A
(103,83,42)
#5B4925
(91,73,37)
#4F3F20
(79,63,32)
#43351B
(67,53,27)
#372B16
(55,43,22)
#2B2111
(43,33,17)
#1F170C
(31,23,12)
#130D07
(19,13,7)
#000000
(0,0,0)

Tints of #8B7139

#8B7139
(139,113,57)
#957D4B
(149,125,75)
#9F895D
(159,137,93)
#A9956F
(169,149,111)
#B3A181
(179,161,129)
#BDAD93
(189,173,147)
#C7B9A5
(199,185,165)
#D1C5B7
(209,197,183)
#DBD1C9
(219,209,201)
#E5DDDB
(229,221,219)
#EFE9ED
(239,233,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8B7139 color. Also use rgb(139,113,57) instead hex code.

Text Font Color

.myTextColor { color: #8B7139; }

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

This text font color is #8B7139.


Background Color

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

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

This div background color is #8B7139.


Border color

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

<div style="border:3px solid #8B7139">Div</div>

This div border color is #8B7139.


Opacity

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

<p style="color:#8B7139;opacity:0.8;">80%</p>

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

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

This text has shadow with #8B7139 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8B7139 on black background.


Color preview on white background

This text has color #8B7139 on white background.



Black color preview on #8B7139 background

This text has black color on #8B7139 background.


White color preview on #8B7139 background

This text has white color on #8B7139 background.