COLOR #7F8804

HEX: #7F8804
RGB: (127,136,4)

Color info

#7F8804 contains mainly red and green colors. Web safe color of #7F8804 is #669900 (or #690).

RGB color model

#7F8804 color RGB value is (127,136,4).

  • red value is 127;
  • green value is 136;
  • blue value is 4.
RGB:
(127,136,4)
(50%,53%,2%)

RGB channels and saturation

R 127 of 255 = 50%
G 136 of 255 = 53%
B 4 of 255 = 2%

127
136
4

R + G + B ~ 35%. #7F8804 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
127 + 136 + 4 = 267 (100%)
R 127 of 267 ~ 47.57%
G 136 of 267 ~ 50.94%
B 4 of 267 ~ 1.5%

%47.57
%50.94

CMYK color model

#7F8804 color CMYK value is (7,0,97,47).

  • cyan value is 6.62%
  • magenta value is 0.00%
  • yellow value is 97.06%
  • key color value is 46.67%
CMYK:
(7,0,97,47)
C7M0Y97K47 
(7%,0%,97%,47%)
(0.07/0.00/0.97/0.47)	

CMYK percentages

%6.62
%0
%97.06
%46.67

Codes

Color #7F8804 in popluar color models

7F8804
RGB1271364
HSL64°94.29%27.45%
HSB/HSV64°97.06%53.33%
CMYK6.62%0.00%97.06%
46.67%

Color #7F8804 in popluar number systems.

HEX7F8804
Decimal1271364
Binary111111110001000100
Octal1772104

Shades and tints

Shades of #7F8804

#7F8804
(127,136,4)
#747C04
(116,124,4)
#697004
(105,112,4)
#5E6404
(94,100,4)
#535804
(83,88,4)
#484C04
(72,76,4)
#3D4004
(61,64,4)
#323404
(50,52,4)
#272804
(39,40,4)
#1C1C04
(28,28,4)
#111004
(17,16,4)
#000000
(0,0,0)

Tints of #7F8804

#7F8804
(127,136,4)
#8A921A
(138,146,26)
#959C30
(149,156,48)
#A0A646
(160,166,70)
#ABB05C
(171,176,92)
#B6BA72
(182,186,114)
#C1C488
(193,196,136)
#CCCE9E
(204,206,158)
#D7D8B4
(215,216,180)
#E2E2CA
(226,226,202)
#EDECE0
(237,236,224)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7F8804 color. Also use rgb(127,136,4) instead hex code.

Text Font Color

.myTextColor { color: #7F8804; }

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

This text font color is #7F8804.


Background Color

.myBgColor { background-color: #7F8804; }

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

This div background color is #7F8804.


Border color

.myBorderColor { border: 1px solid #7F8804; }

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

This div border color is #7F8804.


Opacity

.myOpacity80 { color: #7F8804; opacity: 0.8; }

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

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

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

This text has shadow with #7F8804 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7F8804 on black background.


Color preview on white background

This text has color #7F8804 on white background.



Black color preview on #7F8804 background

This text has black color on #7F8804 background.


White color preview on #7F8804 background

This text has white color on #7F8804 background.