COLOR #4CF604

HEX: #4CF604
RGB: (76,246,4)

Color info

#4CF604 contains mainly green color. Web safe color of #4CF604 is #33FF00 (or #3F0).

RGB color model

#4CF604 color RGB value is (76,246,4).

  • red value is 76;
  • green value is 246;
  • blue value is 4.
RGB:
(76,246,4)
(30%,96%,2%)

RGB channels and saturation

R 76 of 255 = 30%
G 246 of 255 = 96%
B 4 of 255 = 2%

76
246
4

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

Portions of RGB colors in percentages

R + G + B =
76 + 246 + 4 = 326 (100%)
R 76 of 326 ~ 23.31%
G 246 of 326 ~ 75.46%
B 4 of 326 ~ 1.23%

%23.31
%75.46

CMYK color model

#4CF604 color CMYK value is (69,0,98,4).

  • cyan value is 69.11%
  • magenta value is 0.00%
  • yellow value is 98.37%
  • key color value is 3.53%
CMYK:
(69,0,98,4)
C69M0Y98K4 
(69%,0%,98%,4%)
(0.69/0.00/0.98/0.04)	

CMYK percentages

%69.11
%0
%98.37
%3.53

Codes

Color #4CF604 in popluar color models

4CF604
RGB762464
HSL102°96.80%49.02%
HSB/HSV102°98.37%96.47%
CMYK69.11%0.00%98.37%
3.53%

Color #4CF604 in popluar number systems.

HEX4CF604
Decimal762464
Binary100110011110110100
Octal1143664

Shades and tints

Shades of #4CF604

#4CF604
(76,246,4)
#46E004
(70,224,4)
#40CA04
(64,202,4)
#3AB404
(58,180,4)
#349E04
(52,158,4)
#2E8804
(46,136,4)
#287204
(40,114,4)
#225C04
(34,92,4)
#1C4604
(28,70,4)
#163004
(22,48,4)
#101A04
(16,26,4)
#000000
(0,0,0)

Tints of #4CF604

#4CF604
(76,246,4)
#5CF61A
(92,246,26)
#6CF630
(108,246,48)
#7CF646
(124,246,70)
#8CF65C
(140,246,92)
#9CF672
(156,246,114)
#ACF688
(172,246,136)
#BCF69E
(188,246,158)
#CCF6B4
(204,246,180)
#DCF6CA
(220,246,202)
#ECF6E0
(236,246,224)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #4CF604; }

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

This text font color is #4CF604.


Background Color

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

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

This div background color is #4CF604.


Border color

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

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

This div border color is #4CF604.


Opacity

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

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

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

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

This text has shadow with #4CF604 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4CF604 on black background.


Color preview on white background

This text has color #4CF604 on white background.



Black color preview on #4CF604 background

This text has black color on #4CF604 background.


White color preview on #4CF604 background

This text has white color on #4CF604 background.