COLOR #617353

HEX: #617353
RGB: (97,115,83)

Color info

#617353 contains red, green and blue colors in about the same proportion. Web safe color of #617353 is #666666 (or #666).

RGB color model

#617353 color RGB value is (97,115,83).

  • red value is 97;
  • green value is 115;
  • blue value is 83.
RGB:
(97,115,83)
(38%,45%,33%)

RGB channels and saturation

R 97 of 255 = 38%
G 115 of 255 = 45%
B 83 of 255 = 33%

97
115
83

R + G + B ~ 39%. #617353 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
97 + 115 + 83 = 295 (100%)
R 97 of 295 ~ 32.88%
G 115 of 295 ~ 38.98%
B 83 of 295 ~ 28.14%

%32.88
%38.98
%28.14

CMYK color model

#617353 color CMYK value is (16,0,28,55).

  • cyan value is 15.65%
  • magenta value is 0.00%
  • yellow value is 27.83%
  • key color value is 54.90%
CMYK:
(16,0,28,55)
C16M0Y28K55 
(16%,0%,28%,55%)
(0.16/0.00/0.28/0.55)	

CMYK percentages

%15.65
%0
%27.83
%54.9

Codes

Color #617353 in popluar color models

617353
RGB9711583
HSL94°16.16%38.82%
HSB/HSV94°27.83%45.10%
CMYK15.65%0.00%27.83%
54.90%

Color #617353 in popluar number systems.

HEX617353
Decimal9711583
Binary110000111100111010011
Octal141163123

Shades and tints

Shades of #617353

#617353
(97,115,83)
#59694C
(89,105,76)
#515F45
(81,95,69)
#49553E
(73,85,62)
#414B37
(65,75,55)
#394130
(57,65,48)
#313729
(49,55,41)
#292D22
(41,45,34)
#21231B
(33,35,27)
#191914
(25,25,20)
#110F0D
(17,15,13)
#000000
(0,0,0)

Tints of #617353

#617353
(97,115,83)
#6F7F62
(111,127,98)
#7D8B71
(125,139,113)
#8B9780
(139,151,128)
#99A38F
(153,163,143)
#A7AF9E
(167,175,158)
#B5BBAD
(181,187,173)
#C3C7BC
(195,199,188)
#D1D3CB
(209,211,203)
#DFDFDA
(223,223,218)
#EDEBE9
(237,235,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #617353 color. Also use rgb(97,115,83) instead hex code.

Text Font Color

.myTextColor { color: #617353; }

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

This text font color is #617353.


Background Color

.myBgColor { background-color: #617353; }

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

This div background color is #617353.


Border color

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

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

This div border color is #617353.


Opacity

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

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

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

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

This text has shadow with #617353 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #617353 on black background.


Color preview on white background

This text has color #617353 on white background.



Black color preview on #617353 background

This text has black color on #617353 background.


White color preview on #617353 background

This text has white color on #617353 background.