COLOR #986D20

HEX: #986D20
RGB: (152,109,32)

Color info

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

RGB color model

#986D20 color RGB value is (152,109,32).

  • red value is 152;
  • green value is 109;
  • blue value is 32.
RGB:
(152,109,32)
(60%,43%,13%)

RGB channels and saturation

R 152 of 255 = 60%
G 109 of 255 = 43%
B 32 of 255 = 13%

152
109
32

R + G + B ~ 39%. #986D20 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
152 + 109 + 32 = 293 (100%)
R 152 of 293 ~ 51.88%
G 109 of 293 ~ 37.2%
B 32 of 293 ~ 10.92%

%51.88
%37.2
%10.92

CMYK color model

#986D20 color CMYK value is (0,28,79,40).

  • cyan value is 0.00%
  • magenta value is 28.29%
  • yellow value is 78.95%
  • key color value is 40.39%
CMYK:
(0,28,79,40)
C0M28Y79K40 
(0%,28%,79%,40%)
(0.00/0.28/0.79/0.40)	

CMYK percentages

%0
%28.29
%78.95
%40.39

Codes

Color #986D20 in popluar color models

986D20
RGB15210932
HSL39°65.22%36.08%
HSB/HSV39°78.95%59.61%
CMYK0.00%28.29%78.95%
40.39%

Color #986D20 in popluar number systems.

HEX986D20
Decimal15210932
Binary100110001101101100000
Octal23015540

Shades and tints

Shades of #986D20

#986D20
(152,109,32)
#8B641E
(139,100,30)
#7E5B1C
(126,91,28)
#71521A
(113,82,26)
#644918
(100,73,24)
#574016
(87,64,22)
#4A3714
(74,55,20)
#3D2E12
(61,46,18)
#302510
(48,37,16)
#231C0E
(35,28,14)
#16130C
(22,19,12)
#000000
(0,0,0)

Tints of #986D20

#986D20
(152,109,32)
#A17A34
(161,122,52)
#AA8748
(170,135,72)
#B3945C
(179,148,92)
#BCA170
(188,161,112)
#C5AE84
(197,174,132)
#CEBB98
(206,187,152)
#D7C8AC
(215,200,172)
#E0D5C0
(224,213,192)
#E9E2D4
(233,226,212)
#F2EFE8
(242,239,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #986D20 color. Also use rgb(152,109,32) instead hex code.

Text Font Color

.myTextColor { color: #986D20; }

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

This text font color is #986D20.


Background Color

.myBgColor { background-color: #986D20; }

<div style="background-color:#986D20">Inner text</div>

This div background color is #986D20.


Border color

.myBorderColor { border: 1px solid #986D20; }

<div style="border:3px solid #986D20">Div</div>

This div border color is #986D20.


Opacity

.myOpacity80 { color: #986D20; opacity: 0.8; }

<p style="color:#986D20;opacity:0.8;">80%</p>

Text with #986D20 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 #986D20;}

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

This text has shadow with #986D20 color.

.textShadow {text-shadow: 3px 3px 1px #986D20, 3px 3px 1px red;}

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

This text has shadow with #986D20 primary color and red secondary color.


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

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

This text has shadow with #986D20 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #986D20 on black background.


Color preview on white background

This text has color #986D20 on white background.



Black color preview on #986D20 background

This text has black color on #986D20 background.


White color preview on #986D20 background

This text has white color on #986D20 background.