COLOR #7F9C4B

HEX: #7F9C4B
RGB: (127,156,75)

Color info

#7F9C4B contains mainly red and green colors. Web safe color of #7F9C4B is #669933 (or #693).

RGB color model

#7F9C4B color RGB value is (127,156,75).

  • red value is 127;
  • green value is 156;
  • blue value is 75.
RGB:
(127,156,75)
(50%,61%,29%)

RGB channels and saturation

R 127 of 255 = 50%
G 156 of 255 = 61%
B 75 of 255 = 29%

127
156
75

R + G + B ~ 47%. #7F9C4B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
127 + 156 + 75 = 358 (100%)
R 127 of 358 ~ 35.47%
G 156 of 358 ~ 43.58%
B 75 of 358 ~ 20.95%

%35.47
%43.58
%20.95

CMYK color model

#7F9C4B color CMYK value is (19,0,52,39).

  • cyan value is 18.59%
  • magenta value is 0.00%
  • yellow value is 51.92%
  • key color value is 38.82%
CMYK:
(19,0,52,39)
C19M0Y52K39 
(19%,0%,52%,39%)
(0.19/0.00/0.52/0.39)	

CMYK percentages

%18.59
%0
%51.92
%38.82

Codes

Color #7F9C4B in popluar color models

7F9C4B
RGB12715675
HSL81°35.06%45.29%
HSB/HSV81°51.92%61.18%
CMYK18.59%0.00%51.92%
38.82%

Color #7F9C4B in popluar number systems.

HEX7F9C4B
Decimal12715675
Binary1111111100111001001011
Octal177234113

Shades and tints

Shades of #7F9C4B

#7F9C4B
(127,156,75)
#748E45
(116,142,69)
#69803F
(105,128,63)
#5E7239
(94,114,57)
#536433
(83,100,51)
#48562D
(72,86,45)
#3D4827
(61,72,39)
#323A21
(50,58,33)
#272C1B
(39,44,27)
#1C1E15
(28,30,21)
#11100F
(17,16,15)
#000000
(0,0,0)

Tints of #7F9C4B

#7F9C4B
(127,156,75)
#8AA55B
(138,165,91)
#95AE6B
(149,174,107)
#A0B77B
(160,183,123)
#ABC08B
(171,192,139)
#B6C99B
(182,201,155)
#C1D2AB
(193,210,171)
#CCDBBB
(204,219,187)
#D7E4CB
(215,228,203)
#E2EDDB
(226,237,219)
#EDF6EB
(237,246,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7F9C4B color. Also use rgb(127,156,75) instead hex code.

Text Font Color

.myTextColor { color: #7F9C4B; }

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

This text font color is #7F9C4B.


Background Color

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

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

This div background color is #7F9C4B.


Border color

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

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

This div border color is #7F9C4B.


Opacity

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

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

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

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

This text has shadow with #7F9C4B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7F9C4B on black background.


Color preview on white background

This text has color #7F9C4B on white background.



Black color preview on #7F9C4B background

This text has black color on #7F9C4B background.


White color preview on #7F9C4B background

This text has white color on #7F9C4B background.