COLOR #3EBBB2

HEX: #3EBBB2 RGB: (62,187,178)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#3EBBB2 contains mainly green and blue colors. Web safe color of #3EBBB2 is #33CC99 (or #3C9).

RGB color model

#3EBBB2 color RGB value is (62,187,178).

red value is 62;
green value is 187;
blue value is 178.

RGB: (62,187,178) (24%, 73%, 70%)

RGB channels and saturation

R 62 of 255 = 24%
G 187 of 255 = 73%
B 178 of 255 = 70%

187

178

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

Portions of RGB colors in percentages

R + G + B = 62 + 187 + 178 = 427 (100%)
R 62 of 427 ~ 14.52%
G 187 of 427 ~ 43.79%
B 178 of 427 ~ 41.69'%

%14.52

%43.79

%41.69

CMYK color model

#3EBBB2 color CMYK value is (67,0,5,27).

cyan value is 66.84%
magenta value is 0.00%
yellow value is 4.81%
key color value is 26.67%

CMYK: (67,0,5,27) C67M0Y5K27 (67%,0%,5%,27%) (0.67/0.00/0.05/0.27)

CMYK percentages

%66.84

%4.81

%26.67

Codes

Color #3EBBB2 in popluar color models

	3E	BB	B2
RGB	62	187	178
HSL	176°	50.20%	48.82%
HSB/HSV	176°	66.84%	73.33%
CMYK	66.84%	0.00%	4.81%
CMYK	26.67%

Color #3EBBB2 in popluar number systems.

HEX	3E	BB	B2
Decimal	62	187	178
Binary	111110	10111011	10110010
Octal	76	273	262

Shades and tints

Shades of #3EBBB2

#3EBBB2
(62,187,178)

#39AAA2
(57,170,162)

#349992
(52,153,146)

#2F8882
(47,136,130)

#2A7772
(42,119,114)

#256662
(37,102,98)

#205552
(32,85,82)

#1B4442
(27,68,66)

#163332
(22,51,50)

#112222
(17,34,34)

#0C1112
(12,17,18)

#000000
(0,0,0)

Tints of #3EBBB2

#3EBBB2
(62,187,178)

#4FC1B9
(79,193,185)

#60C7C0
(96,199,192)

#71CDC7
(113,205,199)

#82D3CE
(130,211,206)

#93D9D5
(147,217,213)

#A4DFDC
(164,223,220)

#B5E5E3
(181,229,227)

#C6EBEA
(198,235,234)

#D7F1F1
(215,241,241)

#E8F7F8
(232,247,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3EBBB2 color. Also use rgb(62,187,178) instead hex code.

Text Font Color

.myTextColor { color: #3EBBB2; }

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

This text font color is #3EBBB2.

Background Color

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

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

This div background color is #3EBBB2.

Border color

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

This div border color is #3EBBB2.

Opacity

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

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

This text has shadow with #3EBBB2 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3EBBB2.