Color #3E4780

Color info

#3E4780 contains mainly green and blue colors. Web safe color of #3E4780 is #333366 (or #336).

RGB color model

#3E4780 color RGB value is (62,71,128).

red value is 62;
green value is 71;
blue value is 128.

RGB: (62,71,128) (24%, 28%, 50%)

RGB channels and saturation

R 62 of 255 = 24%
G 71 of 255 = 28%
B 128 of 255 = 50%

62

71

128

R + G + B ~ 34%. #3E4780 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 62 + 71 + 128 = 261 (100%)
R 62 of 261 ~ 23.75%
G 71 of 261 ~ 27.2%
B 128 of 261 ~ 49.04'%

%23.75

%27.2

%49.04

CMYK color model

#3E4780 color CMYK value is (52,45,0,50).

cyan value is 51.56%
magenta value is 44.53%
yellow value is 0.00%
key color value is 49.80%

CMYK: (52,45,0,50)
C52M45Y0K50 (52%, 45%, 0%, 50%)
(0.52 / 0.45 / 0.00 / 0.50)

CMYK percentages

%51.56

%44.53

%0

%49.8

Codes

Color #3E4780 in popluar color models

	3E	47	80
RGB	62	71	128
HSL	232°	34.74%	37.25%
HSB/HSV	232°	51.56%	50.20%
CMYK	51.56%	44.53%	0.00%
CMYK	49.80%

Color #3E4780 in popluar number systems.

HEX	3E	47	80
Decimal	62	71	128
Binary	111110	1000111	10000000
Octal	76	107	200

Shades and tints

Shades of #3E4780

#3E4780
(62,71,128)

#394175
(57,65,117)

#343B6A
(52,59,106)

#2F355F
(47,53,95)

#2A2F54
(42,47,84)

#252949
(37,41,73)

#20233E
(32,35,62)

#1B1D33
(27,29,51)

#161728
(22,23,40)

#11111D
(17,17,29)

#0C0B12
(12,11,18)

#000000
(0,0,0)

Tints of #3E4780

#3E4780
(62,71,128)

#4F578B
(79,87,139)

#606796
(96,103,150)

#7177A1
(113,119,161)

#8287AC
(130,135,172)

#9397B7
(147,151,183)

#A4A7C2
(164,167,194)

#B5B7CD
(181,183,205)

#C6C7D8
(198,199,216)

#D7D7E3
(215,215,227)

#E8E7EE
(232,231,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3E4780 color. Also use rgb(62,71,128) instead hex code.

Text Font Color

.myTextColor { color: #3E4780; }

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

This text font color is #3E4780.

Background Color

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

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

This div background color is #3E4780.

Border color

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

This div border color is #3E4780.

Opacity

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

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

This text has shadow with #3E4780 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3E4780.