COLOR #84985A

HEX: #84985A
RGB: (132,152,90)

Color info

#84985A contains mainly red and green colors. Web safe color of #84985A is #999966 (or #996).

RGB color model

#84985A color RGB value is (132,152,90).

  • red value is 132;
  • green value is 152;
  • blue value is 90.
RGB:
(132,152,90)
(52%,60%,35%)

RGB channels and saturation

R 132 of 255 = 52%
G 152 of 255 = 60%
B 90 of 255 = 35%

132
152
90

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

Portions of RGB colors in percentages

R + G + B =
132 + 152 + 90 = 374 (100%)
R 132 of 374 ~ 35.29%
G 152 of 374 ~ 40.64%
B 90 of 374 ~ 24.06%

%35.29
%40.64
%24.06

CMYK color model

#84985A color CMYK value is (13,0,41,40).

  • cyan value is 13.16%
  • magenta value is 0.00%
  • yellow value is 40.79%
  • key color value is 40.39%
CMYK:
(13,0,41,40)
C13M0Y41K40 
(13%,0%,41%,40%)
(0.13/0.00/0.41/0.40)	

CMYK percentages

%13.16
%0
%40.79
%40.39

Codes

Color #84985A in popluar color models

84985A
RGB13215290
HSL79°25.62%47.45%
HSB/HSV79°40.79%59.61%
CMYK13.16%0.00%40.79%
40.39%

Color #84985A in popluar number systems.

HEX84985A
Decimal13215290
Binary10000100100110001011010
Octal204230132

Shades and tints

Shades of #84985A

#84985A
(132,152,90)
#788B52
(120,139,82)
#6C7E4A
(108,126,74)
#607142
(96,113,66)
#54643A
(84,100,58)
#485732
(72,87,50)
#3C4A2A
(60,74,42)
#303D22
(48,61,34)
#24301A
(36,48,26)
#182312
(24,35,18)
#0C160A
(12,22,10)
#000000
(0,0,0)

Tints of #84985A

#84985A
(132,152,90)
#8FA169
(143,161,105)
#9AAA78
(154,170,120)
#A5B387
(165,179,135)
#B0BC96
(176,188,150)
#BBC5A5
(187,197,165)
#C6CEB4
(198,206,180)
#D1D7C3
(209,215,195)
#DCE0D2
(220,224,210)
#E7E9E1
(231,233,225)
#F2F2F0
(242,242,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #84985A color. Also use rgb(132,152,90) instead hex code.

Text Font Color

.myTextColor { color: #84985A; }

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

This text font color is #84985A.


Background Color

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

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

This div background color is #84985A.


Border color

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

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

This div border color is #84985A.


Opacity

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

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

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

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

This text has shadow with #84985A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #84985A on black background.


Color preview on white background

This text has color #84985A on white background.



Black color preview on #84985A background

This text has black color on #84985A background.


White color preview on #84985A background

This text has white color on #84985A background.