COLOR #80A392

HEX: #80A392 RGB: (128,163,146)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#80A392 contains red, green and blue colors in about the same proportion. Web safe color of #80A392 is #669999 (or #699).

RGB color model

#80A392 color RGB value is (128,163,146).

red value is 128;
green value is 163;
blue value is 146.

RGB: (128,163,146) (50%, 64%, 57%)

RGB channels and saturation

R 128 of 255 = 50%
G 163 of 255 = 64%
B 146 of 255 = 57%

128

163

146

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

Portions of RGB colors in percentages

R + G + B = 128 + 163 + 146 = 437 (100%)
R 128 of 437 ~ 29.29%
G 163 of 437 ~ 37.3%
B 146 of 437 ~ 33.41'%

%29.29

%37.3

%33.41

CMYK color model

#80A392 color CMYK value is (21,0,10,36).

cyan value is 21.47%
magenta value is 0.00%
yellow value is 10.43%
key color value is 36.08%

CMYK: (21,0,10,36) C21M0Y10K36 (21%,0%,10%,36%) (0.21/0.00/0.10/0.36)

CMYK percentages

%21.47

%10.43

%36.08

Codes

Color #80A392 in popluar color models

	80	A3	92
RGB	128	163	146
HSL	151°	15.98%	57.06%
HSB/HSV	151°	21.47%	63.92%
CMYK	21.47%	0.00%	10.43%
CMYK	36.08%

Color #80A392 in popluar number systems.

HEX	80	A3	92
Decimal	128	163	146
Binary	10000000	10100011	10010010
Octal	200	243	222

Shades and tints

Shades of #80A392

#80A392
(128,163,146)

#759585
(117,149,133)

#6A8778
(106,135,120)

#5F796B
(95,121,107)

#546B5E
(84,107,94)

#495D51
(73,93,81)

#3E4F44
(62,79,68)

#334137
(51,65,55)

#28332A
(40,51,42)

#1D251D
(29,37,29)

#121710
(18,23,16)

#000000
(0,0,0)

Tints of #80A392

#80A392
(128,163,146)

#8BAB9B
(139,171,155)

#96B3A4
(150,179,164)

#A1BBAD
(161,187,173)

#ACC3B6
(172,195,182)

#B7CBBF
(183,203,191)

#C2D3C8
(194,211,200)

#CDDBD1
(205,219,209)

#D8E3DA
(216,227,218)

#E3EBE3
(227,235,227)

#EEF3EC
(238,243,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #80A392 color. Also use rgb(128,163,146) instead hex code.

Text Font Color

.myTextColor { color: #80A392; }

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

This text font color is #80A392.

Background Color

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

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

This div background color is #80A392.

Border color

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

This div border color is #80A392.

Opacity

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

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

This text has shadow with #80A392 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #80A392.