COLOR #80E168

HEX: #80E168 RGB: (128,225,104)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#80E168 contains mainly green color. Web safe color of #80E168 is #66CC66 (or #6C6).

RGB color model

#80E168 color RGB value is (128,225,104).

red value is 128;
green value is 225;
blue value is 104.

RGB: (128,225,104) (50%, 88%, 41%)

RGB channels and saturation

R 128 of 255 = 50%
G 225 of 255 = 88%
B 104 of 255 = 41%

128

225

104

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

Portions of RGB colors in percentages

R + G + B = 128 + 225 + 104 = 457 (100%)
R 128 of 457 ~ 28.01%
G 225 of 457 ~ 49.23%
B 104 of 457 ~ 22.76'%

%28.01

%49.23

%22.76

CMYK color model

#80E168 color CMYK value is (43,0,54,12).

cyan value is 43.11%
magenta value is 0.00%
yellow value is 53.78%
key color value is 11.76%

CMYK: (43,0,54,12) C43M0Y54K12 (43%,0%,54%,12%) (0.43/0.00/0.54/0.12)

CMYK percentages

%43.11

%53.78

%11.76

Codes

Color #80E168 in popluar color models

	80	E1	68
RGB	128	225	104
HSL	108°	66.85%	64.51%
HSB/HSV	108°	53.78%	88.24%
CMYK	43.11%	0.00%	53.78%
CMYK	11.76%

Color #80E168 in popluar number systems.

HEX	80	E1	68
Decimal	128	225	104
Binary	10000000	11100001	1101000
Octal	200	341	150

Shades and tints

Shades of #80E168

#80E168
(128,225,104)

#75CD5F
(117,205,95)

#6AB956
(106,185,86)

#5FA54D
(95,165,77)

#549144
(84,145,68)

#497D3B
(73,125,59)

#3E6932
(62,105,50)

#335529
(51,85,41)

#284120
(40,65,32)

#1D2D17
(29,45,23)

#12190E
(18,25,14)

#000000
(0,0,0)

Tints of #80E168

#80E168
(128,225,104)

#8BE375
(139,227,117)

#96E582
(150,229,130)

#A1E78F
(161,231,143)

#ACE99C
(172,233,156)

#B7EBA9
(183,235,169)

#C2EDB6
(194,237,182)

#CDEFC3
(205,239,195)

#D8F1D0
(216,241,208)

#E3F3DD
(227,243,221)

#EEF5EA
(238,245,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #80E168 color. Also use rgb(128,225,104) instead hex code.

Text Font Color

.myTextColor { color: #80E168; }

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

This text font color is #80E168.

Background Color

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

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

This div background color is #80E168.

Border color

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

This div border color is #80E168.

Opacity

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

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

This text has shadow with #80E168 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #80E168.