COLOR #608170

HEX: #608170
RGB: (96,129,112)

Color info

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

RGB color model

#608170 color RGB value is (96,129,112).

  • red value is 96;
  • green value is 129;
  • blue value is 112.
RGB:
(96,129,112)
(38%,51%,44%)

RGB channels and saturation

R 96 of 255 = 38%
G 129 of 255 = 51%
B 112 of 255 = 44%

96
129
112

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

Portions of RGB colors in percentages

R + G + B =
96 + 129 + 112 = 337 (100%)
R 96 of 337 ~ 28.49%
G 129 of 337 ~ 38.28%
B 112 of 337 ~ 33.23%

%28.49
%38.28
%33.23

CMYK color model

#608170 color CMYK value is (26,0,13,49).

  • cyan value is 25.58%
  • magenta value is 0.00%
  • yellow value is 13.18%
  • key color value is 49.41%
CMYK:
(26,0,13,49)
C26M0Y13K49 
(26%,0%,13%,49%)
(0.26/0.00/0.13/0.49)	

CMYK percentages

%25.58
%0
%13.18
%49.41

Codes

Color #608170 in popluar color models

608170
RGB96129112
HSL149°14.67%44.12%
HSB/HSV149°25.58%50.59%
CMYK25.58%0.00%13.18%
49.41%

Color #608170 in popluar number systems.

HEX608170
Decimal96129112
Binary1100000100000011110000
Octal140201160

Shades and tints

Shades of #608170

#608170
(96,129,112)
#587666
(88,118,102)
#506B5C
(80,107,92)
#486052
(72,96,82)
#405548
(64,85,72)
#384A3E
(56,74,62)
#303F34
(48,63,52)
#28342A
(40,52,42)
#202920
(32,41,32)
#181E16
(24,30,22)
#10130C
(16,19,12)
#000000
(0,0,0)

Tints of #608170

#608170
(96,129,112)
#6E8C7D
(110,140,125)
#7C978A
(124,151,138)
#8AA297
(138,162,151)
#98ADA4
(152,173,164)
#A6B8B1
(166,184,177)
#B4C3BE
(180,195,190)
#C2CECB
(194,206,203)
#D0D9D8
(208,217,216)
#DEE4E5
(222,228,229)
#ECEFF2
(236,239,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #608170 color. Also use rgb(96,129,112) instead hex code.

Text Font Color

.myTextColor { color: #608170; }

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

This text font color is #608170.


Background Color

.myBgColor { background-color: #608170; }

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

This div background color is #608170.


Border color

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

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

This div border color is #608170.


Opacity

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

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

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

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

This text has shadow with #608170 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #608170 on black background.


Color preview on white background

This text has color #608170 on white background.



Black color preview on #608170 background

This text has black color on #608170 background.


White color preview on #608170 background

This text has white color on #608170 background.