Color #02F42E

Color info

#02F42E contains mainly green color. Web safe color of #02F42E is #00FF33 (or #0F3).

RGB color model

#02F42E color RGB value is (2,244,46).

red value is 2;
green value is 244;
blue value is 46.

RGB:
(2,244,46)
(1%,96%,18%)

RGB channels and saturation

R 2 of 255 = 1%
G 244 of 255 = 96%
B 46 of 255 = 18%

244

R + G + B ~ 38%. #02F42E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
2 + 244 + 46 = 292 (100%)
R 2 of 292 ~ 0.68%
G 244 of 292 ~ 83.56%
B 46 of 292 ~ 15.75%

%83.56

%15.75

CMYK color model

#02F42E color CMYK value is (99,0,81,4).

cyan value is 99.18%
magenta value is 0.00%
yellow value is 81.15%
key color value is 4.31%

CMYK:
(99,0,81,4)
C99M0Y81K4 
(99%,0%,81%,4%)
(0.99/0.00/0.81/0.04)

CMYK percentages

%99.18

%81.15

%4.31

Codes

Color #02F42E in popluar color models

	02	F4	2E
RGB	2	244	46
HSL	131°	98.37%	48.24%
HSB/HSV	131°	99.18%	95.69%
CMYK	99.18%	0.00%	81.15%
CMYK	4.31%

Color #02F42E in popluar number systems.

HEX	02	F4	2E
Decimal	2	244	46
Binary	10	11110100	101110
Octal	2	364	56

Shades and tints

Shades of #02F42E

#02F42E
(2,244,46)

#02DE2A
(2,222,42)

#02C826
(2,200,38)

#02B222
(2,178,34)

#029C1E
(2,156,30)

#02861A
(2,134,26)

#027016
(2,112,22)

#025A12
(2,90,18)

#02440E
(2,68,14)

#022E0A
(2,46,10)

#021806
(2,24,6)

#000000
(0,0,0)

Tints of #02F42E

#02F42E
(2,244,46)

#19F541
(25,245,65)

#30F654
(48,246,84)

#47F767
(71,247,103)

#5EF87A
(94,248,122)

#75F98D
(117,249,141)

#8CFAA0
(140,250,160)

#A3FBB3
(163,251,179)

#BAFCC6
(186,252,198)

#D1FDD9
(209,253,217)

#E8FEEC
(232,254,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #02F42E color. Also use rgb(2,244,46) instead hex code.

Text Font Color

.myTextColor { color: #02F42E; }

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

This text font color is #02F42E.

Background Color

.myBgColor { background-color: #02F42E; }

<div style="background-color:#02F42E">Inner text</div>

This div background color is #02F42E.

Border color

.myBorderColor { border: 1px solid #02F42E; }

<div style="border:3px solid #02F42E">Div</div>

This div border color is #02F42E.

Opacity

.myOpacity80 { color: #02F42E; opacity: 0.8; }

<p style="color:#02F42E;opacity:0.8;">80%</p>

Text with #02F42E 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 #02F42E;}

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

This text has shadow with #02F42E color.

.textShadow {text-shadow: 3px 3px 1px #02F42E, 3px 3px 1px red;}

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

This text has shadow with #02F42E primary color and red secondary color.

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

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

This text has shadow with #02F42E and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #02F42E.

Preview

Color preview on black background

This text has color #02F42E on black background.

Color preview on white background

This text has color #02F42E on white background.

Black color preview on #02F42E background

This text has black color on #02F42E background.

White color preview on #02F42E background

This text has white color on #02F42E background.