COLOR #059F76

HEX: #059F76
RGB: (5,159,118)

Color info

#059F76 contains mainly green and blue colors. Web safe color of #059F76 is #009966 (or #096).

RGB color model

#059F76 color RGB value is (5,159,118).

  • red value is 5;
  • green value is 159;
  • blue value is 118.
RGB:
(5,159,118)
(2%,62%,46%)

RGB channels and saturation

R 5 of 255 = 2%
G 159 of 255 = 62%
B 118 of 255 = 46%

5
159
118

R + G + B ~ 37%. #059F76 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
5 + 159 + 118 = 282 (100%)
R 5 of 282 ~ 1.77%
G 159 of 282 ~ 56.38%
B 118 of 282 ~ 41.84%

%56.38
%41.84

CMYK color model

#059F76 color CMYK value is (97,0,26,38).

  • cyan value is 96.86%
  • magenta value is 0.00%
  • yellow value is 25.79%
  • key color value is 37.65%
CMYK:
(97,0,26,38)
C97M0Y26K38 
(97%,0%,26%,38%)
(0.97/0.00/0.26/0.38)	

CMYK percentages

%96.86
%0
%25.79
%37.65

Codes

Color #059F76 in popluar color models

059F76
RGB5159118
HSL164°93.90%32.16%
HSB/HSV164°96.86%62.35%
CMYK96.86%0.00%25.79%
37.65%

Color #059F76 in popluar number systems.

HEX059F76
Decimal5159118
Binary101100111111110110
Octal5237166

Shades and tints

Shades of #059F76

#059F76
(5,159,118)
#05916C
(5,145,108)
#058362
(5,131,98)
#057558
(5,117,88)
#05674E
(5,103,78)
#055944
(5,89,68)
#054B3A
(5,75,58)
#053D30
(5,61,48)
#052F26
(5,47,38)
#05211C
(5,33,28)
#051312
(5,19,18)
#000000
(0,0,0)

Tints of #059F76

#059F76
(5,159,118)
#1BA782
(27,167,130)
#31AF8E
(49,175,142)
#47B79A
(71,183,154)
#5DBFA6
(93,191,166)
#73C7B2
(115,199,178)
#89CFBE
(137,207,190)
#9FD7CA
(159,215,202)
#B5DFD6
(181,223,214)
#CBE7E2
(203,231,226)
#E1EFEE
(225,239,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #059F76 color. Also use rgb(5,159,118) instead hex code.

Text Font Color

.myTextColor { color: #059F76; }

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

This text font color is #059F76.


Background Color

.myBgColor { background-color: #059F76; }

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

This div background color is #059F76.


Border color

.myBorderColor { border: 1px solid #059F76; }

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

This div border color is #059F76.


Opacity

.myOpacity80 { color: #059F76; opacity: 0.8; }

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

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

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

This text has shadow with #059F76 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #059F76 on black background.


Color preview on white background

This text has color #059F76 on white background.



Black color preview on #059F76 background

This text has black color on #059F76 background.


White color preview on #059F76 background

This text has white color on #059F76 background.