COLOR #59BA76

HEX: #59BA76
RGB: (89,186,118)

Renk bilgisi

#59BA76 contains mainly green color. #59BA76 ‘ nin web güvenlik rengi #66CC66 (ya da #6C6) dir.

RGB renk modeli

#59BA76 color RGB value is (89,186,118).

  • kırmız ton 89;
  • yeşil ton 186;
  • mavi ton 118.
RGB:
(89,186,118)
(35%,73%,46%)

RGB bağlantıları ve doygunluk

R 89 of 255 = 35%
G 186 of 255 = 73%
B 118 of 255 = 46%

89
186
118

R + G + B ~ 51%. #59BA76 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
89 + 186 + 118 = 393 (100%)
R 89 of 393 ~ 22.65%
G 186 of 393 ~ 47.33%
B 118 of 393 ~ 30.03%

%22.65
%47.33
%30.03

CMYK RENK MODELİ

#59BA76 rengi CMYK tonu (52,0,37,27).

  • camgöbeği tonu 52.15%
  • eflatun tonu 0.00%
  • sarı tonu 36.56%
  • ana renk tonu 27.06%
CMYK:
(52,0,37,27)
C52M0Y37K27 
(52%,0%,37%,27%)
(0.52/0.00/0.37/0.27)	

CMYK yüzdeleri

%52.15
%0
%36.56
%27.06

Codes

Color #59BA76 in popluar color models

59BA76
RGB89186118
HSL138°41.28%53.92%
HSB/HSV138°52.15%72.94%
CMYK52.15%0.00%36.56%
27.06%

Color #59BA76 in popluar number systems.

HEX59BA76
Decimal89186118
Binary1011001101110101110110
Octal131272166

Shades and tints

Shades of #59BA76

#59BA76
(89,186,118)
#51AA6C
(81,170,108)
#499A62
(73,154,98)
#418A58
(65,138,88)
#397A4E
(57,122,78)
#316A44
(49,106,68)
#295A3A
(41,90,58)
#214A30
(33,74,48)
#193A26
(25,58,38)
#112A1C
(17,42,28)
#091A12
(9,26,18)
#000000
(0,0,0)

Tints of #59BA76

#59BA76
(89,186,118)
#68C082
(104,192,130)
#77C68E
(119,198,142)
#86CC9A
(134,204,154)
#95D2A6
(149,210,166)
#A4D8B2
(164,216,178)
#B3DEBE
(179,222,190)
#C2E4CA
(194,228,202)
#D1EAD6
(209,234,214)
#E0F0E2
(224,240,226)
#EFF6EE
(239,246,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #59BA76 color. Also use rgb(89,186,118) instead hex code.

Text Font Color

.myTextColor { color: #59BA76; }

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

This text font color is #59BA76.


Background Color

.myBgColor { background-color: #59BA76; }

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

This div background color is #59BA76.


Border color

.myBorderColor { border: 1px solid #59BA76; }

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

This div border color is #59BA76.


Opacity

.myOpacity80 { color: #59BA76; opacity: 0.8; }

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

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

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

This text has shadow with #59BA76 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #59BA76 on black background.


Color preview on white background

This text has color #59BA76 on white background.



Black color preview on #59BA76 background

This text has black color on #59BA76 background.


White color preview on #59BA76 background

This text has white color on #59BA76 background.