COLOR #4C9E7A

HEX: #4C9E7A RGB: (76,158,122)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#4C9E7A color RGB value is (76,158,122).

red value is 76;
green value is 158;
blue value is 122.

RGB: (76,158,122) (30%, 62%, 48%)

RGB channels and saturation

R 76 of 255 = 30%
G 158 of 255 = 62%
B 122 of 255 = 48%

158

122

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

Portions of RGB colors in percentages

R + G + B = 76 + 158 + 122 = 356 (100%)
R 76 of 356 ~ 21.35%
G 158 of 356 ~ 44.38%
B 122 of 356 ~ 34.27'%

%21.35

%44.38

%34.27

CMYK color model

#4C9E7A color CMYK value is (52,0,23,38).

cyan value is 51.90%
magenta value is 0.00%
yellow value is 22.78%
key color value is 38.04%

CMYK: (52,0,23,38) C52M0Y23K38 (52%,0%,23%,38%) (0.52/0.00/0.23/0.38)

CMYK percentages

%51.9

%22.78

%38.04

Codes

Color #4C9E7A in popluar color models

	4C	9E	7A
RGB	76	158	122
HSL	154°	35.04%	45.88%
HSB/HSV	154°	51.90%	61.96%
CMYK	51.90%	0.00%	22.78%
CMYK	38.04%

Color #4C9E7A in popluar number systems.

HEX	4C	9E	7A
Decimal	76	158	122
Binary	1001100	10011110	1111010
Octal	114	236	172

Shades and tints

Shades of #4C9E7A

#4C9E7A
(76,158,122)

#46906F
(70,144,111)

#408264
(64,130,100)

#3A7459
(58,116,89)

#34664E
(52,102,78)

#2E5843
(46,88,67)

#284A38
(40,74,56)

#223C2D
(34,60,45)

#1C2E22
(28,46,34)

#162017
(22,32,23)

#10120C
(16,18,12)

#000000
(0,0,0)

Tints of #4C9E7A

#4C9E7A
(76,158,122)

#5CA686
(92,166,134)

#6CAE92
(108,174,146)

#7CB69E
(124,182,158)

#8CBEAA
(140,190,170)

#9CC6B6
(156,198,182)

#ACCEC2
(172,206,194)

#BCD6CE
(188,214,206)

#CCDEDA
(204,222,218)

#DCE6E6
(220,230,230)

#ECEEF2
(236,238,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4C9E7A color. Also use rgb(76,158,122) instead hex code.

Text Font Color

.myTextColor { color: #4C9E7A; }

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

This text font color is #4C9E7A.

Background Color

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

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

This div background color is #4C9E7A.

Border color

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

This div border color is #4C9E7A.

Opacity

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

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

This text has shadow with #4C9E7A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4C9E7A.