COLOR #7F9464

HEX: #7F9464
RGB: (127,148,100)

Color info

#7F9464 contains red, green and blue colors in about the same proportion. Web safe color of #7F9464 is #669966 (or #696).

RGB color model

#7F9464 color RGB value is (127,148,100).

  • red value is 127;
  • green value is 148;
  • blue value is 100.
RGB:
(127,148,100)
(50%,58%,39%)

RGB channels and saturation

R 127 of 255 = 50%
G 148 of 255 = 58%
B 100 of 255 = 39%

127
148
100

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

Portions of RGB colors in percentages

R + G + B =
127 + 148 + 100 = 375 (100%)
R 127 of 375 ~ 33.87%
G 148 of 375 ~ 39.47%
B 100 of 375 ~ 26.67%

%33.87
%39.47
%26.67

CMYK color model

#7F9464 color CMYK value is (14,0,32,42).

  • cyan value is 14.19%
  • magenta value is 0.00%
  • yellow value is 32.43%
  • key color value is 41.96%
CMYK:
(14,0,32,42)
C14M0Y32K42 
(14%,0%,32%,42%)
(0.14/0.00/0.32/0.42)	

CMYK percentages

%14.19
%0
%32.43
%41.96

Codes

Color #7F9464 in popluar color models

7F9464
RGB127148100
HSL86°19.35%48.63%
HSB/HSV86°32.43%58.04%
CMYK14.19%0.00%32.43%
41.96%

Color #7F9464 in popluar number systems.

HEX7F9464
Decimal127148100
Binary1111111100101001100100
Octal177224144

Shades and tints

Shades of #7F9464

#7F9464
(127,148,100)
#74875B
(116,135,91)
#697A52
(105,122,82)
#5E6D49
(94,109,73)
#536040
(83,96,64)
#485337
(72,83,55)
#3D462E
(61,70,46)
#323925
(50,57,37)
#272C1C
(39,44,28)
#1C1F13
(28,31,19)
#11120A
(17,18,10)
#000000
(0,0,0)

Tints of #7F9464

#7F9464
(127,148,100)
#8A9D72
(138,157,114)
#95A680
(149,166,128)
#A0AF8E
(160,175,142)
#ABB89C
(171,184,156)
#B6C1AA
(182,193,170)
#C1CAB8
(193,202,184)
#CCD3C6
(204,211,198)
#D7DCD4
(215,220,212)
#E2E5E2
(226,229,226)
#EDEEF0
(237,238,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7F9464 color. Also use rgb(127,148,100) instead hex code.

Text Font Color

.myTextColor { color: #7F9464; }

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

This text font color is #7F9464.


Background Color

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

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

This div background color is #7F9464.


Border color

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

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

This div border color is #7F9464.


Opacity

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

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

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

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

This text has shadow with #7F9464 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7F9464 on black background.


Color preview on white background

This text has color #7F9464 on white background.



Black color preview on #7F9464 background

This text has black color on #7F9464 background.


White color preview on #7F9464 background

This text has white color on #7F9464 background.