Color #3AEC4B

Color info

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

RGB color model

#3AEC4B color RGB value is (58,236,75).

red value is 58;
green value is 236;
blue value is 75.

RGB: (58,236,75) (23%, 93%, 29%)

RGB channels and saturation

R 58 of 255 = 23%
G 236 of 255 = 93%
B 75 of 255 = 29%

58

236

75

R + G + B ~ 48%. #3AEC4B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 58 + 236 + 75 = 369 (100%)
R 58 of 369 ~ 15.72%
G 236 of 369 ~ 63.96%
B 75 of 369 ~ 20.33'%

%15.72

%63.96

%20.33

CMYK color model

#3AEC4B color CMYK value is (75,0,68,7).

cyan value is 75.42%
magenta value is 0.00%
yellow value is 68.22%
key color value is 7.45%

CMYK: (75,0,68,7)
C75M0Y68K7 (75%, 0%, 68%, 7%)
(0.75 / 0.00 / 0.68 / 0.07)

CMYK percentages

%75.42

%0

%68.22

%7.45

Codes

Color #3AEC4B in popluar color models

	3A	EC	4B
RGB	58	236	75
HSL	126°	82.41%	57.65%
HSB/HSV	126°	75.42%	92.55%
CMYK	75.42%	0.00%	68.22%
CMYK	7.45%

Color #3AEC4B in popluar number systems.

HEX	3A	EC	4B
Decimal	58	236	75
Binary	111010	11101100	1001011
Octal	72	354	113

Shades and tints

Shades of #3AEC4B

#3AEC4B
(58,236,75)

#35D745
(53,215,69)

#30C23F
(48,194,63)

#2BAD39
(43,173,57)

#269833
(38,152,51)

#21832D
(33,131,45)

#1C6E27
(28,110,39)

#175921
(23,89,33)

#12441B
(18,68,27)

#0D2F15
(13,47,21)

#081A0F
(8,26,15)

#000000
(0,0,0)

Tints of #3AEC4B

#3AEC4B
(58,236,75)

#4BED5B
(75,237,91)

#5CEE6B
(92,238,107)

#6DEF7B
(109,239,123)

#7EF08B
(126,240,139)

#8FF19B
(143,241,155)

#A0F2AB
(160,242,171)

#B1F3BB
(177,243,187)

#C2F4CB
(194,244,203)

#D3F5DB
(211,245,219)

#E4F6EB
(228,246,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3AEC4B color. Also use rgb(58,236,75) instead hex code.

Text Font Color

.myTextColor { color: #3AEC4B; }

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

This text font color is #3AEC4B.

Background Color

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

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

This div background color is #3AEC4B.

Border color

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

This div border color is #3AEC4B.

Opacity

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

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

This text has shadow with #3AEC4B color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3AEC4B.