COLOR #4BA749

HEX: #4BA749 RGB: (75,167,73)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#4BA749 contains mainly green color. Web safe color of #4BA749 is #339933 (or #393).

RGB color model

#4BA749 color RGB value is (75,167,73).

red value is 75;
green value is 167;
blue value is 73.

RGB: (75,167,73) (29%, 65%, 29%)

RGB channels and saturation

R 75 of 255 = 29%
G 167 of 255 = 65%
B 73 of 255 = 29%

167

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

Portions of RGB colors in percentages

R + G + B = 75 + 167 + 73 = 315 (100%)
R 75 of 315 ~ 23.81%
G 167 of 315 ~ 53.02%
B 73 of 315 ~ 23.17'%

%23.81

%53.02

%23.17

CMYK color model

#4BA749 color CMYK value is (55,0,56,35).

cyan value is 55.09%
magenta value is 0.00%
yellow value is 56.29%
key color value is 34.51%

CMYK: (55,0,56,35) C55M0Y56K35 (55%,0%,56%,35%) (0.55/0.00/0.56/0.35)

CMYK percentages

%55.09

%56.29

%34.51

Codes

Color #4BA749 in popluar color models

	4B	A7	49
RGB	75	167	73
HSL	119°	39.17%	47.06%
HSB/HSV	119°	56.29%	65.49%
CMYK	55.09%	0.00%	56.29%
CMYK	34.51%

Color #4BA749 in popluar number systems.

HEX	4B	A7	49
Decimal	75	167	73
Binary	1001011	10100111	1001001
Octal	113	247	111

Shades and tints

Shades of #4BA749

#4BA749
(75,167,73)

#459843
(69,152,67)

#3F893D
(63,137,61)

#397A37
(57,122,55)

#336B31
(51,107,49)

#2D5C2B
(45,92,43)

#274D25
(39,77,37)

#213E1F
(33,62,31)

#1B2F19
(27,47,25)

#152013
(21,32,19)

#0F110D
(15,17,13)

#000000
(0,0,0)

Tints of #4BA749

#4BA749
(75,167,73)

#5BAF59
(91,175,89)

#6BB769
(107,183,105)

#7BBF79
(123,191,121)

#8BC789
(139,199,137)

#9BCF99
(155,207,153)

#ABD7A9
(171,215,169)

#BBDFB9
(187,223,185)

#CBE7C9
(203,231,201)

#DBEFD9
(219,239,217)

#EBF7E9
(235,247,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4BA749 color. Also use rgb(75,167,73) instead hex code.

Text Font Color

.myTextColor { color: #4BA749; }

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

This text font color is #4BA749.

Background Color

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

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

This div background color is #4BA749.

Border color

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

This div border color is #4BA749.

Opacity

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

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

This text has shadow with #4BA749 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4BA749.