COLOR #517040

HEX: #517040
RGB: (81,112,64)

Color info

#517040 contains red, green and blue colors in about the same proportion. Web safe color of #517040 is #666633 (or #663).

RGB color model

#517040 color RGB value is (81,112,64).

  • red value is 81;
  • green value is 112;
  • blue value is 64.
RGB:
(81,112,64)
(32%,44%,25%)

RGB channels and saturation

R 81 of 255 = 32%
G 112 of 255 = 44%
B 64 of 255 = 25%

81
112
64

R + G + B ~ 34%. #517040 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
81 + 112 + 64 = 257 (100%)
R 81 of 257 ~ 31.52%
G 112 of 257 ~ 43.58%
B 64 of 257 ~ 24.9%

%31.52
%43.58
%24.9

CMYK color model

#517040 color CMYK value is (28,0,43,56).

  • cyan value is 27.68%
  • magenta value is 0.00%
  • yellow value is 42.86%
  • key color value is 56.08%
CMYK:
(28,0,43,56)
C28M0Y43K56 
(28%,0%,43%,56%)
(0.28/0.00/0.43/0.56)	

CMYK percentages

%27.68
%0
%42.86
%56.08

Codes

Color #517040 in popluar color models

517040
RGB8111264
HSL99°27.27%34.51%
HSB/HSV99°42.86%43.92%
CMYK27.68%0.00%42.86%
56.08%

Color #517040 in popluar number systems.

HEX517040
Decimal8111264
Binary101000111100001000000
Octal121160100

Shades and tints

Shades of #517040

#517040
(81,112,64)
#4A663B
(74,102,59)
#435C36
(67,92,54)
#3C5231
(60,82,49)
#35482C
(53,72,44)
#2E3E27
(46,62,39)
#273422
(39,52,34)
#202A1D
(32,42,29)
#192018
(25,32,24)
#121613
(18,22,19)
#0B0C0E
(11,12,14)
#000000
(0,0,0)

Tints of #517040

#517040
(81,112,64)
#607D51
(96,125,81)
#6F8A62
(111,138,98)
#7E9773
(126,151,115)
#8DA484
(141,164,132)
#9CB195
(156,177,149)
#ABBEA6
(171,190,166)
#BACBB7
(186,203,183)
#C9D8C8
(201,216,200)
#D8E5D9
(216,229,217)
#E7F2EA
(231,242,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #517040 color. Also use rgb(81,112,64) instead hex code.

Text Font Color

.myTextColor { color: #517040; }

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

This text font color is #517040.


Background Color

.myBgColor { background-color: #517040; }

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

This div background color is #517040.


Border color

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

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

This div border color is #517040.


Opacity

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

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

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

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

This text has shadow with #517040 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #517040 on black background.


Color preview on white background

This text has color #517040 on white background.



Black color preview on #517040 background

This text has black color on #517040 background.


White color preview on #517040 background

This text has white color on #517040 background.