Color #4A8676

Color info

#4A8676 contains mainly green and blue colors. Web safe color of #4A8676 is #339966 (or #396).

RGB color model

#4A8676 color RGB value is (74,134,118).

red value is 74;
green value is 134;
blue value is 118.

RGB: (74,134,118) (29%, 53%, 46%)

RGB channels and saturation

R 74 of 255 = 29%
G 134 of 255 = 53%
B 118 of 255 = 46%

74

134

118

R + G + B ~ 43%. #4A8676 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 74 + 134 + 118 = 326 (100%)
R 74 of 326 ~ 22.7%
G 134 of 326 ~ 41.1%
B 118 of 326 ~ 36.2'%

%22.7

%41.1

%36.2

CMYK color model

#4A8676 color CMYK value is (45,0,12,47).

cyan value is 44.78%
magenta value is 0.00%
yellow value is 11.94%
key color value is 47.45%

CMYK: (45,0,12,47)
C45M0Y12K47 (45%, 0%, 12%, 47%)
(0.45 / 0.00 / 0.12 / 0.47)

CMYK percentages

%44.78

%0

%11.94

%47.45

Codes

Color #4A8676 in popluar color models

	4A	86	76
RGB	74	134	118
HSL	164°	28.85%	40.78%
HSB/HSV	164°	44.78%	52.55%
CMYK	44.78%	0.00%	11.94%
CMYK	47.45%

Color #4A8676 in popluar number systems.

HEX	4A	86	76
Decimal	74	134	118
Binary	1001010	10000110	1110110
Octal	112	206	166

Shades and tints

Shades of #4A8676

#4A8676
(74,134,118)

#447A6C
(68,122,108)

#3E6E62
(62,110,98)

#386258
(56,98,88)

#32564E
(50,86,78)

#2C4A44
(44,74,68)

#263E3A
(38,62,58)

#203230
(32,50,48)

#1A2626
(26,38,38)

#141A1C
(20,26,28)

#0E0E12
(14,14,18)

#000000
(0,0,0)

Tints of #4A8676

#4A8676
(74,134,118)

#5A9182
(90,145,130)

#6A9C8E
(106,156,142)

#7AA79A
(122,167,154)

#8AB2A6
(138,178,166)

#9ABDB2
(154,189,178)

#AAC8BE
(170,200,190)

#BAD3CA
(186,211,202)

#CADED6
(202,222,214)

#DAE9E2
(218,233,226)

#EAF4EE
(234,244,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4A8676 color. Also use rgb(74,134,118) instead hex code.

Text Font Color

.myTextColor { color: #4A8676; }

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

This text font color is #4A8676.

Background Color

.myBgColor { background-color: #4A8676; }

<div style="background-color:#4A8676">Inner text</div>

This div background color is #4A8676.

Border color

.myBorderColor { border: 1px solid #4A8676; }

This div border color is #4A8676.

Opacity

.myOpacity80 { color: #4A8676; opacity: 0.8; }

Text with #4A8676 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 #4A8676;}

This text has shadow with #4A8676 color.

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

This text has shadow with #4A8676 primary color and red secondary color.

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

This text has shadow with #4A8676 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4A8676.