COLOR #02D155

HEX: #02D155
RGB: (2,209,85)

Color info

#02D155 contains mainly green color. Web safe color of #02D155 is #00CC66 (or #0C6).

RGB color model

#02D155 color RGB value is (2,209,85).

  • red value is 2;
  • green value is 209;
  • blue value is 85.
RGB:
(2,209,85)
(1%,82%,33%)

RGB channels and saturation

R 2 of 255 = 1%
G 209 of 255 = 82%
B 85 of 255 = 33%

2
209
85

R + G + B ~ 39%. #02D155 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
2 + 209 + 85 = 296 (100%)
R 2 of 296 ~ 0.68%
G 209 of 296 ~ 70.61%
B 85 of 296 ~ 28.72%

%70.61
%28.72

CMYK color model

#02D155 color CMYK value is (99,0,59,18).

  • cyan value is 99.04%
  • magenta value is 0.00%
  • yellow value is 59.33%
  • key color value is 18.04%
CMYK:
(99,0,59,18)
C99M0Y59K18 
(99%,0%,59%,18%)
(0.99/0.00/0.59/0.18)	

CMYK percentages

%99.04
%0
%59.33
%18.04

Codes

Color #02D155 in popluar color models

02D155
RGB220985
HSL144°98.10%41.37%
HSB/HSV144°99.04%81.96%
CMYK99.04%0.00%59.33%
18.04%

Color #02D155 in popluar number systems.

HEX02D155
Decimal220985
Binary10110100011010101
Octal2321125

Shades and tints

Shades of #02D155

#02D155
(2,209,85)
#02BE4E
(2,190,78)
#02AB47
(2,171,71)
#029840
(2,152,64)
#028539
(2,133,57)
#027232
(2,114,50)
#025F2B
(2,95,43)
#024C24
(2,76,36)
#02391D
(2,57,29)
#022616
(2,38,22)
#02130F
(2,19,15)
#000000
(0,0,0)

Tints of #02D155

#02D155
(2,209,85)
#19D564
(25,213,100)
#30D973
(48,217,115)
#47DD82
(71,221,130)
#5EE191
(94,225,145)
#75E5A0
(117,229,160)
#8CE9AF
(140,233,175)
#A3EDBE
(163,237,190)
#BAF1CD
(186,241,205)
#D1F5DC
(209,245,220)
#E8F9EB
(232,249,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #02D155 color. Also use rgb(2,209,85) instead hex code.

Text Font Color

.myTextColor { color: #02D155; }

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

This text font color is #02D155.


Background Color

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

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

This div background color is #02D155.


Border color

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

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

This div border color is #02D155.


Opacity

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

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

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

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

This text has shadow with #02D155 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #02D155 on black background.


Color preview on white background

This text has color #02D155 on white background.



Black color preview on #02D155 background

This text has black color on #02D155 background.


White color preview on #02D155 background

This text has white color on #02D155 background.