COLOR #3BE276

HEX: #3BE276 RGB: (59,226,118)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#3BE276 color RGB value is (59,226,118).

red value is 59;
green value is 226;
blue value is 118.

RGB: (59,226,118) (23%, 89%, 46%)

RGB channels and saturation

R 59 of 255 = 23%
G 226 of 255 = 89%
B 118 of 255 = 46%

226

118

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

Portions of RGB colors in percentages

R + G + B = 59 + 226 + 118 = 403 (100%)
R 59 of 403 ~ 14.64%
G 226 of 403 ~ 56.08%
B 118 of 403 ~ 29.28'%

%14.64

%56.08

%29.28

CMYK color model

#3BE276 color CMYK value is (74,0,48,11).

cyan value is 73.89%
magenta value is 0.00%
yellow value is 47.79%
key color value is 11.37%

CMYK: (74,0,48,11) C74M0Y48K11 (74%,0%,48%,11%) (0.74/0.00/0.48/0.11)

CMYK percentages

%73.89

%47.79

%11.37

Codes

Color #3BE276 in popluar color models

	3B	E2	76
RGB	59	226	118
HSL	141°	74.22%	55.88%
HSB/HSV	141°	73.89%	88.63%
CMYK	73.89%	0.00%	47.79%
CMYK	11.37%

Color #3BE276 in popluar number systems.

HEX	3B	E2	76
Decimal	59	226	118
Binary	111011	11100010	1110110
Octal	73	342	166

Shades and tints

Shades of #3BE276

#3BE276
(59,226,118)

#36CE6C
(54,206,108)

#31BA62
(49,186,98)

#2CA658
(44,166,88)

#27924E
(39,146,78)

#227E44
(34,126,68)

#1D6A3A
(29,106,58)

#185630
(24,86,48)

#134226
(19,66,38)

#0E2E1C
(14,46,28)

#091A12
(9,26,18)

#000000
(0,0,0)

Tints of #3BE276

#3BE276
(59,226,118)

#4CE482
(76,228,130)

#5DE68E
(93,230,142)

#6EE89A
(110,232,154)

#7FEAA6
(127,234,166)

#90ECB2
(144,236,178)

#A1EEBE
(161,238,190)

#B2F0CA
(178,240,202)

#C3F2D6
(195,242,214)

#D4F4E2
(212,244,226)

#E5F6EE
(229,246,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3BE276 color. Also use rgb(59,226,118) instead hex code.

Text Font Color

.myTextColor { color: #3BE276; }

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

This text font color is #3BE276.

Background Color

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

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

This div background color is #3BE276.

Border color

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

This div border color is #3BE276.

Opacity

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

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

This text has shadow with #3BE276 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3BE276.