Color #50B228

Color info

#50B228 contains mainly green color. Web safe color of #50B228 is #669933 (or #693).

RGB color model

#50B228 color RGB value is (80,178,40).

red value is 80;
green value is 178;
blue value is 40.

RGB: (80,178,40) (31%, 70%, 16%)

RGB channels and saturation

R 80 of 255 = 31%
G 178 of 255 = 70%
B 40 of 255 = 16%

80

178

40

R + G + B ~ 39%. #50B228 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 80 + 178 + 40 = 298 (100%)
R 80 of 298 ~ 26.85%
G 178 of 298 ~ 59.73%
B 40 of 298 ~ 13.42'%

%26.85

%59.73

%13.42

CMYK color model

#50B228 color CMYK value is (55,0,78,30).

cyan value is 55.06%
magenta value is 0.00%
yellow value is 77.53%
key color value is 30.20%

CMYK: (55,0,78,30)
C55M0Y78K30 (55%, 0%, 78%, 30%)
(0.55 / 0.00 / 0.78 / 0.30)

CMYK percentages

%55.06

%0

%77.53

%30.2

Codes

Color #50B228 in popluar color models

	50	B2	28
RGB	80	178	40
HSL	103°	63.30%	42.75%
HSB/HSV	103°	77.53%	69.80%
CMYK	55.06%	0.00%	77.53%
CMYK	30.20%

Color #50B228 in popluar number systems.

HEX	50	B2	28
Decimal	80	178	40
Binary	1010000	10110010	101000
Octal	120	262	50

Shades and tints

Shades of #50B228

#50B228
(80,178,40)

#49A225
(73,162,37)

#429222
(66,146,34)

#3B821F
(59,130,31)

#34721C
(52,114,28)

#2D6219
(45,98,25)

#265216
(38,82,22)

#1F4213
(31,66,19)

#183210
(24,50,16)

#11220D
(17,34,13)

#0A120A
(10,18,10)

#000000
(0,0,0)

Tints of #50B228

#50B228
(80,178,40)

#5FB93B
(95,185,59)

#6EC04E
(110,192,78)

#7DC761
(125,199,97)

#8CCE74
(140,206,116)

#9BD587
(155,213,135)

#AADC9A
(170,220,154)

#B9E3AD
(185,227,173)

#C8EAC0
(200,234,192)

#D7F1D3
(215,241,211)

#E6F8E6
(230,248,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #50B228 color. Also use rgb(80,178,40) instead hex code.

Text Font Color

.myTextColor { color: #50B228; }

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

This text font color is #50B228.

Background Color

.myBgColor { background-color: #50B228; }

<div style="background-color:#50B228">Inner text</div>

This div background color is #50B228.

Border color

.myBorderColor { border: 1px solid #50B228; }

This div border color is #50B228.

Opacity

.myOpacity80 { color: #50B228; opacity: 0.8; }

Text with #50B228 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 #50B228;}

This text has shadow with #50B228 color.

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

This text has shadow with #50B228 primary color and red secondary color.

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

This text has shadow with #50B228 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #50B228.