COLOR #B49804

HEX: #B49804
RGB: (180,152,4)

Color info

#B49804 contains mainly red and green colors. Web safe color of #B49804 is #CC9900 (or #C90).

RGB color model

#B49804 color RGB value is (180,152,4).

  • red value is 180;
  • green value is 152;
  • blue value is 4.
RGB:
(180,152,4)
(71%,60%,2%)

RGB channels and saturation

R 180 of 255 = 71%
G 152 of 255 = 60%
B 4 of 255 = 2%

180
152
4

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

Portions of RGB colors in percentages

R + G + B =
180 + 152 + 4 = 336 (100%)
R 180 of 336 ~ 53.57%
G 152 of 336 ~ 45.24%
B 4 of 336 ~ 1.19%

%53.57
%45.24

CMYK color model

#B49804 color CMYK value is (0,16,98,29).

  • cyan value is 0.00%
  • magenta value is 15.56%
  • yellow value is 97.78%
  • key color value is 29.41%
CMYK:
(0,16,98,29)
C0M16Y98K29 
(0%,16%,98%,29%)
(0.00/0.16/0.98/0.29)	

CMYK percentages

%0
%15.56
%97.78
%29.41

Codes

Color #B49804 in popluar color models

B49804
RGB1801524
HSL50°95.65%36.08%
HSB/HSV50°97.78%70.59%
CMYK0.00%15.56%97.78%
29.41%

Color #B49804 in popluar number systems.

HEXB49804
Decimal1801524
Binary1011010010011000100
Octal2642304

Shades and tints

Shades of #B49804

#B49804
(180,152,4)
#A48B04
(164,139,4)
#947E04
(148,126,4)
#847104
(132,113,4)
#746404
(116,100,4)
#645704
(100,87,4)
#544A04
(84,74,4)
#443D04
(68,61,4)
#343004
(52,48,4)
#242304
(36,35,4)
#141604
(20,22,4)
#000000
(0,0,0)

Tints of #B49804

#B49804
(180,152,4)
#BAA11A
(186,161,26)
#C0AA30
(192,170,48)
#C6B346
(198,179,70)
#CCBC5C
(204,188,92)
#D2C572
(210,197,114)
#D8CE88
(216,206,136)
#DED79E
(222,215,158)
#E4E0B4
(228,224,180)
#EAE9CA
(234,233,202)
#F0F2E0
(240,242,224)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B49804 color. Also use rgb(180,152,4) instead hex code.

Text Font Color

.myTextColor { color: #B49804; }

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

This text font color is #B49804.


Background Color

.myBgColor { background-color: #B49804; }

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

This div background color is #B49804.


Border color

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

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

This div border color is #B49804.


Opacity

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

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

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

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

This text has shadow with #B49804 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B49804 on black background.


Color preview on white background

This text has color #B49804 on white background.



Black color preview on #B49804 background

This text has black color on #B49804 background.


White color preview on #B49804 background

This text has white color on #B49804 background.