COLOR #59AF8B

HEX: #59AF8B
RGB: (89,175,139)

Renk bilgisi

#59AF8B contains mainly green and blue colors. #59AF8B ‘ nin web güvenlik rengi #669999 (ya da #699) dir.

RGB renk modeli

#59AF8B color RGB value is (89,175,139).

  • kırmız ton 89;
  • yeşil ton 175;
  • mavi ton 139.
RGB:
(89,175,139)
(35%,69%,55%)

RGB bağlantıları ve doygunluk

R 89 of 255 = 35%
G 175 of 255 = 69%
B 139 of 255 = 55%

89
175
139

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

Yüzdelerle RGB renk parçaları

R + G + B =
89 + 175 + 139 = 403 (100%)
R 89 of 403 ~ 22.08%
G 175 of 403 ~ 43.42%
B 139 of 403 ~ 34.49%

%22.08
%43.42
%34.49

CMYK RENK MODELİ

#59AF8B rengi CMYK tonu (49,0,21,31).

  • camgöbeği tonu 49.14%
  • eflatun tonu 0.00%
  • sarı tonu 20.57%
  • ana renk tonu 31.37%
CMYK:
(49,0,21,31)
C49M0Y21K31 
(49%,0%,21%,31%)
(0.49/0.00/0.21/0.31)	

CMYK yüzdeleri

%49.14
%0
%20.57
%31.37

Codes

Color #59AF8B in popluar color models

59AF8B
RGB89175139
HSL155°34.96%51.76%
HSB/HSV155°49.14%68.63%
CMYK49.14%0.00%20.57%
31.37%

Color #59AF8B in popluar number systems.

HEX59AF8B
Decimal89175139
Binary10110011010111110001011
Octal131257213

Shades and tints

Shades of #59AF8B

#59AF8B
(89,175,139)
#51A07F
(81,160,127)
#499173
(73,145,115)
#418267
(65,130,103)
#39735B
(57,115,91)
#31644F
(49,100,79)
#295543
(41,85,67)
#214637
(33,70,55)
#19372B
(25,55,43)
#11281F
(17,40,31)
#091913
(9,25,19)
#000000
(0,0,0)

Tints of #59AF8B

#59AF8B
(89,175,139)
#68B695
(104,182,149)
#77BD9F
(119,189,159)
#86C4A9
(134,196,169)
#95CBB3
(149,203,179)
#A4D2BD
(164,210,189)
#B3D9C7
(179,217,199)
#C2E0D1
(194,224,209)
#D1E7DB
(209,231,219)
#E0EEE5
(224,238,229)
#EFF5EF
(239,245,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #59AF8B color. Also use rgb(89,175,139) instead hex code.

Text Font Color

.myTextColor { color: #59AF8B; }

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

This text font color is #59AF8B.


Background Color

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

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

This div background color is #59AF8B.


Border color

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

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

This div border color is #59AF8B.


Opacity

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

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

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

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

This text has shadow with #59AF8B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #59AF8B on black background.


Color preview on white background

This text has color #59AF8B on white background.



Black color preview on #59AF8B background

This text has black color on #59AF8B background.


White color preview on #59AF8B background

This text has white color on #59AF8B background.