COLOR #ACA762

HEX: #ACA762
RGB: (172,167,98)

Color info

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

RGB color model

#ACA762 color RGB value is (172,167,98).

  • red value is 172;
  • green value is 167;
  • blue value is 98.
RGB:
(172,167,98)
(67%,65%,38%)

RGB channels and saturation

R 172 of 255 = 67%
G 167 of 255 = 65%
B 98 of 255 = 38%

172
167
98

R + G + B ~ 57%. #ACA762 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
172 + 167 + 98 = 437 (100%)
R 172 of 437 ~ 39.36%
G 167 of 437 ~ 38.22%
B 98 of 437 ~ 22.43%

%39.36
%38.22
%22.43

CMYK color model

#ACA762 color CMYK value is (0,3,43,33).

  • cyan value is 0.00%
  • magenta value is 2.91%
  • yellow value is 43.02%
  • key color value is 32.55%
CMYK:
(0,3,43,33)
C0M3Y43K33 
(0%,3%,43%,33%)
(0.00/0.03/0.43/0.33)	

CMYK percentages

%0
%2.91
%43.02
%32.55

Codes

Color #ACA762 in popluar color models

ACA762
RGB17216798
HSL56°30.83%52.94%
HSB/HSV56°43.02%67.45%
CMYK0.00%2.91%43.02%
32.55%

Color #ACA762 in popluar number systems.

HEXACA762
Decimal17216798
Binary10101100101001111100010
Octal254247142

Shades and tints

Shades of #ACA762

#ACA762
(172,167,98)
#9D985A
(157,152,90)
#8E8952
(142,137,82)
#7F7A4A
(127,122,74)
#706B42
(112,107,66)
#615C3A
(97,92,58)
#524D32
(82,77,50)
#433E2A
(67,62,42)
#342F22
(52,47,34)
#25201A
(37,32,26)
#161112
(22,17,18)
#000000
(0,0,0)

Tints of #ACA762

#ACA762
(172,167,98)
#B3AF70
(179,175,112)
#BAB77E
(186,183,126)
#C1BF8C
(193,191,140)
#C8C79A
(200,199,154)
#CFCFA8
(207,207,168)
#D6D7B6
(214,215,182)
#DDDFC4
(221,223,196)
#E4E7D2
(228,231,210)
#EBEFE0
(235,239,224)
#F2F7EE
(242,247,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACA762 color. Also use rgb(172,167,98) instead hex code.

Text Font Color

.myTextColor { color: #ACA762; }

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

This text font color is #ACA762.


Background Color

.myBgColor { background-color: #ACA762; }

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

This div background color is #ACA762.


Border color

.myBorderColor { border: 1px solid #ACA762; }

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

This div border color is #ACA762.


Opacity

.myOpacity80 { color: #ACA762; opacity: 0.8; }

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

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

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

This text has shadow with #ACA762 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #ACA762 on black background.


Color preview on white background

This text has color #ACA762 on white background.



Black color preview on #ACA762 background

This text has black color on #ACA762 background.


White color preview on #ACA762 background

This text has white color on #ACA762 background.