Color #80D457 hex code, color models, shades and preview

Renk bilgisi

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

RGB renk modeli

#80D457 color RGB value is (128,212,87).

kırmız ton 128;
yeşil ton 212;
mavi ton 87.

RGB:
(128,212,87)
(50%,83%,34%)

RGB bağlantıları ve doygunluk

R 128 of 255 = 50%
G 212 of 255 = 83%
B 87 of 255 = 34%

128

212

R + G + B ~ 56%. #80D457 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
128 + 212 + 87 = 427 (100%)
R 128 of 427 ~ 29.98%
G 212 of 427 ~ 49.65%
B 87 of 427 ~ 20.37%

%29.98

%49.65

%20.37

CMYK RENK MODELİ

#80D457 rengi CMYK tonu (40,0,59,17).

camgöbeği tonu 39.62%
eflatun tonu 0.00%
sarı tonu 58.96%
ana renk tonu 16.86%

CMYK:
(40,0,59,17)
C40M0Y59K17 
(40%,0%,59%,17%)
(0.40/0.00/0.59/0.17)

CMYK yüzdeleri

%39.62

%58.96

%16.86

Codes

Color #80D457 in popluar color models

	80	D4	57
RGB	128	212	87
HSL	100°	59.24%	58.63%
HSB/HSV	100°	58.96%	83.14%
CMYK	39.62%	0.00%	58.96%
CMYK	16.86%

Color #80D457 in popluar number systems.

HEX	80	D4	57
Decimal	128	212	87
Binary	10000000	11010100	1010111
Octal	200	324	127

Shades and tints

Shades of #80D457

#80D457
(128,212,87)

#75C150
(117,193,80)

#6AAE49
(106,174,73)

#5F9B42
(95,155,66)

#54883B
(84,136,59)

#497534
(73,117,52)

#3E622D
(62,98,45)

#334F26
(51,79,38)

#283C1F
(40,60,31)

#1D2918
(29,41,24)

#121611
(18,22,17)

#000000
(0,0,0)

Tints of #80D457

#80D457
(128,212,87)

#8BD766
(139,215,102)

#96DA75
(150,218,117)

#A1DD84
(161,221,132)

#ACE093
(172,224,147)

#B7E3A2
(183,227,162)

#C2E6B1
(194,230,177)

#CDE9C0
(205,233,192)

#D8ECCF
(216,236,207)

#E3EFDE
(227,239,222)

#EEF2ED
(238,242,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #80D457 color. Also use rgb(128,212,87) instead hex code.

Text Font Color

.myTextColor { color: #80D457; }

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

This text font color is #80D457.

Background Color

.myBgColor { background-color: #80D457; }

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

This div background color is #80D457.

Border color

.myBorderColor { border: 1px solid #80D457; }

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

This div border color is #80D457.

Opacity

.myOpacity80 { color: #80D457; opacity: 0.8; }

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

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

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

This text has shadow with #80D457 color.

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

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

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

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

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

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

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #80D457;
-webkit-box-shadow: 1px 1px 3px 2px #80D457;
box-shadow:1px 1px 3px 2px #80D457;">
Div content here</div>

This div box has shadow with color #80D457.

Preview

Color preview on black background

This text has color #80D457 on black background.

Color preview on white background

This text has color #80D457 on white background.

Black color preview on #80D457 background

This text has black color on #80D457 background.

White color preview on #80D457 background

This text has white color on #80D457 background.

COLOR #80D457