Color #4BAD4E

Color info

#4BAD4E contains mainly green color. Web safe color of #4BAD4E is #339966 (or #396).

RGB color model

#4BAD4E color RGB value is (75,173,78).

red value is 75;
green value is 173;
blue value is 78.

RGB: (75,173,78) (29%, 68%, 31%)

RGB channels and saturation

R 75 of 255 = 29%
G 173 of 255 = 68%
B 78 of 255 = 31%

75

173

78

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

Portions of RGB colors in percentages

R + G + B = 75 + 173 + 78 = 326 (100%)
R 75 of 326 ~ 23.01%
G 173 of 326 ~ 53.07%
B 78 of 326 ~ 23.93'%

%23.01

%53.07

%23.93

CMYK color model

#4BAD4E color CMYK value is (57,0,55,32).

cyan value is 56.65%
magenta value is 0.00%
yellow value is 54.91%
key color value is 32.16%

CMYK: (57,0,55,32)
C57M0Y55K32 (57%, 0%, 55%, 32%)
(0.57 / 0.00 / 0.55 / 0.32)

CMYK percentages

%56.65

%0

%54.91

%32.16

Codes

Color #4BAD4E in popluar color models

	4B	AD	4E
RGB	75	173	78
HSL	122°	39.52%	48.63%
HSB/HSV	122°	56.65%	67.84%
CMYK	56.65%	0.00%	54.91%
CMYK	32.16%

Color #4BAD4E in popluar number systems.

HEX	4B	AD	4E
Decimal	75	173	78
Binary	1001011	10101101	1001110
Octal	113	255	116

Shades and tints

Shades of #4BAD4E

#4BAD4E
(75,173,78)

#459E47
(69,158,71)

#3F8F40
(63,143,64)

#398039
(57,128,57)

#337132
(51,113,50)

#2D622B
(45,98,43)

#275324
(39,83,36)

#21441D
(33,68,29)

#1B3516
(27,53,22)

#15260F
(21,38,15)

#0F1708
(15,23,8)

#000000
(0,0,0)

Tints of #4BAD4E

#4BAD4E
(75,173,78)

#5BB45E
(91,180,94)

#6BBB6E
(107,187,110)

#7BC27E
(123,194,126)

#8BC98E
(139,201,142)

#9BD09E
(155,208,158)

#ABD7AE
(171,215,174)

#BBDEBE
(187,222,190)

#CBE5CE
(203,229,206)

#DBECDE
(219,236,222)

#EBF3EE
(235,243,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4BAD4E color. Also use rgb(75,173,78) instead hex code.

Text Font Color

.myTextColor { color: #4BAD4E; }

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

This text font color is #4BAD4E.

Background Color

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

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

This div background color is #4BAD4E.

Border color

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

This div border color is #4BAD4E.

Opacity

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

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

This text has shadow with #4BAD4E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4BAD4E.