COLOR #4DEE20

HEX: #4DEE20
RGB: (77,238,32)

Color info

#4DEE20 contains mainly green color. Web safe color of #4DEE20 is #33FF33 (or #3F3).

RGB color model

#4DEE20 color RGB value is (77,238,32).

  • red value is 77;
  • green value is 238;
  • blue value is 32.
RGB:
(77,238,32)
(30%,93%,13%)

RGB channels and saturation

R 77 of 255 = 30%
G 238 of 255 = 93%
B 32 of 255 = 13%

77
238
32

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

Portions of RGB colors in percentages

R + G + B =
77 + 238 + 32 = 347 (100%)
R 77 of 347 ~ 22.19%
G 238 of 347 ~ 68.59%
B 32 of 347 ~ 9.22%

%22.19
%68.59

CMYK color model

#4DEE20 color CMYK value is (68,0,87,7).

  • cyan value is 67.65%
  • magenta value is 0.00%
  • yellow value is 86.55%
  • key color value is 6.67%
CMYK:
(68,0,87,7)
C68M0Y87K7 
(68%,0%,87%,7%)
(0.68/0.00/0.87/0.07)	

CMYK percentages

%67.65
%0
%86.55
%6.67

Codes

Color #4DEE20 in popluar color models

4DEE20
RGB7723832
HSL107°85.83%52.94%
HSB/HSV107°86.55%93.33%
CMYK67.65%0.00%86.55%
6.67%

Color #4DEE20 in popluar number systems.

HEX4DEE20
Decimal7723832
Binary100110111101110100000
Octal11535640

Shades and tints

Shades of #4DEE20

#4DEE20
(77,238,32)
#46D91E
(70,217,30)
#3FC41C
(63,196,28)
#38AF1A
(56,175,26)
#319A18
(49,154,24)
#2A8516
(42,133,22)
#237014
(35,112,20)
#1C5B12
(28,91,18)
#154610
(21,70,16)
#0E310E
(14,49,14)
#071C0C
(7,28,12)
#000000
(0,0,0)

Tints of #4DEE20

#4DEE20
(77,238,32)
#5DEF34
(93,239,52)
#6DF048
(109,240,72)
#7DF15C
(125,241,92)
#8DF270
(141,242,112)
#9DF384
(157,243,132)
#ADF498
(173,244,152)
#BDF5AC
(189,245,172)
#CDF6C0
(205,246,192)
#DDF7D4
(221,247,212)
#EDF8E8
(237,248,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4DEE20 color. Also use rgb(77,238,32) instead hex code.

Text Font Color

.myTextColor { color: #4DEE20; }

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

This text font color is #4DEE20.


Background Color

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

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

This div background color is #4DEE20.


Border color

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

<div style="border:3px solid #4DEE20">Div</div>

This div border color is #4DEE20.


Opacity

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

<p style="color:#4DEE20;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #4DEE20">Text here.</p>

This text has shadow with #4DEE20 color.

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

<p style="text-shadow: 3px 3px 1px #4DEE20, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#4DEE20, Direction=45, Strength=4)">Text</p>

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4DEE20 on black background.


Color preview on white background

This text has color #4DEE20 on white background.



Black color preview on #4DEE20 background

This text has black color on #4DEE20 background.


White color preview on #4DEE20 background

This text has white color on #4DEE20 background.