Color #3DE374

Color info

#3DE374 contains mainly green color. Web safe color of #3DE374 is #33CC66 (or #3C6).

RGB color model

#3DE374 color RGB value is (61,227,116).

red value is 61;
green value is 227;
blue value is 116.

RGB: (61,227,116) (24%, 89%, 45%)

RGB channels and saturation

R 61 of 255 = 24%
G 227 of 255 = 89%
B 116 of 255 = 45%

61

227

116

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

Portions of RGB colors in percentages

R + G + B = 61 + 227 + 116 = 404 (100%)
R 61 of 404 ~ 15.1%
G 227 of 404 ~ 56.19%
B 116 of 404 ~ 28.71'%

%15.1

%56.19

%28.71

CMYK color model

#3DE374 color CMYK value is (73,0,49,11).

cyan value is 73.13%
magenta value is 0.00%
yellow value is 48.90%
key color value is 10.98%

CMYK: (73,0,49,11)
C73M0Y49K11 (73%, 0%, 49%, 11%)
(0.73 / 0.00 / 0.49 / 0.11)

CMYK percentages

%73.13

%0

%48.9

%10.98

Codes

Color #3DE374 in popluar color models

	3D	E3	74
RGB	61	227	116
HSL	140°	74.77%	56.47%
HSB/HSV	140°	73.13%	89.02%
CMYK	73.13%	0.00%	48.90%
CMYK	10.98%

Color #3DE374 in popluar number systems.

HEX	3D	E3	74
Decimal	61	227	116
Binary	111101	11100011	1110100
Octal	75	343	164

Shades and tints

Shades of #3DE374

#3DE374
(61,227,116)

#38CF6A
(56,207,106)

#33BB60
(51,187,96)

#2EA756
(46,167,86)

#29934C
(41,147,76)

#247F42
(36,127,66)

#1F6B38
(31,107,56)

#1A572E
(26,87,46)

#154324
(21,67,36)

#102F1A
(16,47,26)

#0B1B10
(11,27,16)

#000000
(0,0,0)

Tints of #3DE374

#3DE374
(61,227,116)

#4EE580
(78,229,128)

#5FE78C
(95,231,140)

#70E998
(112,233,152)

#81EBA4
(129,235,164)

#92EDB0
(146,237,176)

#A3EFBC
(163,239,188)

#B4F1C8
(180,241,200)

#C5F3D4
(197,243,212)

#D6F5E0
(214,245,224)

#E7F7EC
(231,247,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3DE374 color. Also use rgb(61,227,116) instead hex code.

Text Font Color

.myTextColor { color: #3DE374; }

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

This text font color is #3DE374.

Background Color

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

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

This div background color is #3DE374.

Border color

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

This div border color is #3DE374.

Opacity

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

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

This text has shadow with #3DE374 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3DE374.