Color #3E5E95

Color info

#3E5E95 contains mainly green and blue colors. Web safe color of #3E5E95 is #336699 (or #369).

RGB color model

#3E5E95 color RGB value is (62,94,149).

red value is 62;
green value is 94;
blue value is 149.

RGB:
(62,94,149)
(24%,37%,58%)

RGB channels and saturation

R 62 of 255 = 24%
G 94 of 255 = 37%
B 149 of 255 = 58%

149

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

Portions of RGB colors in percentages

R + G + B =
62 + 94 + 149 = 305 (100%)
R 62 of 305 ~ 20.33%
G 94 of 305 ~ 30.82%
B 149 of 305 ~ 48.85%

%20.33

%30.82

%48.85

CMYK color model

#3E5E95 color CMYK value is (58,37,0,42).

cyan value is 58.39%
magenta value is 36.91%
yellow value is 0.00%
key color value is 41.57%

CMYK:
(58,37,0,42)
C58M37Y0K42 
(58%,37%,0%,42%)
(0.58/0.37/0.00/0.42)

CMYK percentages

%58.39

%36.91

%41.57

Codes

Color #3E5E95 in popluar color models

	3E	5E	95
RGB	62	94	149
HSL	218°	41.23%	41.37%
HSB/HSV	218°	58.39%	58.43%
CMYK	58.39%	36.91%	0.00%
CMYK	41.57%

Color #3E5E95 in popluar number systems.

HEX	3E	5E	95
Decimal	62	94	149
Binary	111110	1011110	10010101
Octal	76	136	225

Shades and tints

Shades of #3E5E95

#3E5E95
(62,94,149)

#395688
(57,86,136)

#344E7B
(52,78,123)

#2F466E
(47,70,110)

#2A3E61
(42,62,97)

#253654
(37,54,84)

#202E47
(32,46,71)

#1B263A
(27,38,58)

#161E2D
(22,30,45)

#111620
(17,22,32)

#0C0E13
(12,14,19)

#000000
(0,0,0)

Tints of #3E5E95

#3E5E95
(62,94,149)

#4F6C9E
(79,108,158)

#607AA7
(96,122,167)

#7188B0
(113,136,176)

#8296B9
(130,150,185)

#93A4C2
(147,164,194)

#A4B2CB
(164,178,203)

#B5C0D4
(181,192,212)

#C6CEDD
(198,206,221)

#D7DCE6
(215,220,230)

#E8EAEF
(232,234,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3E5E95 color. Also use rgb(62,94,149) instead hex code.

Text Font Color

.myTextColor { color: #3E5E95; }

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

This text font color is #3E5E95.

Background Color

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

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

This div background color is #3E5E95.

Border color

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

<div style="border:3px solid #3E5E95">Div</div>

This div border color is #3E5E95.

Opacity

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

<p style="color:#3E5E95;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #3E5E95">Text here.</p>

This text has shadow with #3E5E95 color.

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

<p style="text-shadow: 3px 3px 1px #3E5E95, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#3E5E95, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #3E5E95.

Preview

Color preview on black background

This text has color #3E5E95 on black background.

Color preview on white background

This text has color #3E5E95 on white background.

Black color preview on #3E5E95 background

This text has black color on #3E5E95 background.

White color preview on #3E5E95 background

This text has white color on #3E5E95 background.