COLOR #9FA175

HEX: #9FA175
RGB: (159,161,117)

Color info

#9FA175 contains red, green and blue colors in about the same proportion. Web safe color of #9FA175 is #999966 (or #996).

RGB color model

#9FA175 color RGB value is (159,161,117).

  • red value is 159;
  • green value is 161;
  • blue value is 117.
RGB:
(159,161,117)
(62%,63%,46%)

RGB channels and saturation

R 159 of 255 = 62%
G 161 of 255 = 63%
B 117 of 255 = 46%

159
161
117

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

Portions of RGB colors in percentages

R + G + B =
159 + 161 + 117 = 437 (100%)
R 159 of 437 ~ 36.38%
G 161 of 437 ~ 36.84%
B 117 of 437 ~ 26.77%

%36.38
%36.84
%26.77

CMYK color model

#9FA175 color CMYK value is (1,0,27,37).

  • cyan value is 1.24%
  • magenta value is 0.00%
  • yellow value is 27.33%
  • key color value is 36.86%
CMYK:
(1,0,27,37)
C1M0Y27K37 
(1%,0%,27%,37%)
(0.01/0.00/0.27/0.37)	

CMYK percentages

%1.24
%0
%27.33
%36.86

Codes

Color #9FA175 in popluar color models

9FA175
RGB159161117
HSL63°18.97%54.51%
HSB/HSV63°27.33%63.14%
CMYK1.24%0.00%27.33%
36.86%

Color #9FA175 in popluar number systems.

HEX9FA175
Decimal159161117
Binary10011111101000011110101
Octal237241165

Shades and tints

Shades of #9FA175

#9FA175
(159,161,117)
#91936B
(145,147,107)
#838561
(131,133,97)
#757757
(117,119,87)
#67694D
(103,105,77)
#595B43
(89,91,67)
#4B4D39
(75,77,57)
#3D3F2F
(61,63,47)
#2F3125
(47,49,37)
#21231B
(33,35,27)
#131511
(19,21,17)
#000000
(0,0,0)

Tints of #9FA175

#9FA175
(159,161,117)
#A7A981
(167,169,129)
#AFB18D
(175,177,141)
#B7B999
(183,185,153)
#BFC1A5
(191,193,165)
#C7C9B1
(199,201,177)
#CFD1BD
(207,209,189)
#D7D9C9
(215,217,201)
#DFE1D5
(223,225,213)
#E7E9E1
(231,233,225)
#EFF1ED
(239,241,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9FA175 color. Also use rgb(159,161,117) instead hex code.

Text Font Color

.myTextColor { color: #9FA175; }

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

This text font color is #9FA175.


Background Color

.myBgColor { background-color: #9FA175; }

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

This div background color is #9FA175.


Border color

.myBorderColor { border: 1px solid #9FA175; }

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

This div border color is #9FA175.


Opacity

.myOpacity80 { color: #9FA175; opacity: 0.8; }

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

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

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

This text has shadow with #9FA175 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9FA175 on black background.


Color preview on white background

This text has color #9FA175 on white background.



Black color preview on #9FA175 background

This text has black color on #9FA175 background.


White color preview on #9FA175 background

This text has white color on #9FA175 background.