Color #3AB619

Color info

#3AB619 contains mainly green color. Web safe color of #3AB619 is #33CC00 (or #3C0).

RGB color model

#3AB619 color RGB value is (58,182,25).

red value is 58;
green value is 182;
blue value is 25.

RGB:
(58,182,25)
(23%,71%,10%)

RGB channels and saturation

R 58 of 255 = 23%
G 182 of 255 = 71%
B 25 of 255 = 10%

182

R + G + B ~ 35%. #3AB619 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
58 + 182 + 25 = 265 (100%)
R 58 of 265 ~ 21.89%
G 182 of 265 ~ 68.68%
B 25 of 265 ~ 9.43%

%21.89

%68.68

CMYK color model

#3AB619 color CMYK value is (68,0,86,29).

cyan value is 68.13%
magenta value is 0.00%
yellow value is 86.26%
key color value is 28.63%

CMYK:
(68,0,86,29)
C68M0Y86K29 
(68%,0%,86%,29%)
(0.68/0.00/0.86/0.29)

CMYK percentages

%68.13

%86.26

%28.63

Codes

Color #3AB619 in popluar color models

	3A	B6	19
RGB	58	182	25
HSL	107°	75.85%	40.59%
HSB/HSV	107°	86.26%	71.37%
CMYK	68.13%	0.00%	86.26%
CMYK	28.63%

Color #3AB619 in popluar number systems.

HEX	3A	B6	19
Decimal	58	182	25
Binary	111010	10110110	11001
Octal	72	266	31

Shades and tints

Shades of #3AB619

#3AB619
(58,182,25)

#35A617
(53,166,23)

#309615
(48,150,21)

#2B8613
(43,134,19)

#267611
(38,118,17)

#21660F
(33,102,15)

#1C560D
(28,86,13)

#17460B
(23,70,11)

#123609
(18,54,9)

#0D2607
(13,38,7)

#081605
(8,22,5)

#000000
(0,0,0)

Tints of #3AB619

#3AB619
(58,182,25)

#4BBC2D
(75,188,45)

#5CC241
(92,194,65)

#6DC855
(109,200,85)

#7ECE69
(126,206,105)

#8FD47D
(143,212,125)

#A0DA91
(160,218,145)

#B1E0A5
(177,224,165)

#C2E6B9
(194,230,185)

#D3ECCD
(211,236,205)

#E4F2E1
(228,242,225)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3AB619 color. Also use rgb(58,182,25) instead hex code.

Text Font Color

.myTextColor { color: #3AB619; }

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

This text font color is #3AB619.

Background Color

.myBgColor { background-color: #3AB619; }

<div style="background-color:#3AB619">Inner text</div>

This div background color is #3AB619.

Border color

.myBorderColor { border: 1px solid #3AB619; }

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

This div border color is #3AB619.

Opacity

.myOpacity80 { color: #3AB619; opacity: 0.8; }

<p style="color:#3AB619;opacity:0.8;">80%</p>

Text with #3AB619 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 #3AB619;}

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

This text has shadow with #3AB619 color.

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

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

This text has shadow with #3AB619 primary color and red secondary color.

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

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

This text has shadow with #3AB619 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3AB619.

Preview

Color preview on black background

This text has color #3AB619 on black background.

Color preview on white background

This text has color #3AB619 on white background.

Black color preview on #3AB619 background

This text has black color on #3AB619 background.

White color preview on #3AB619 background

This text has white color on #3AB619 background.