Color #3E5C84

Color info

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

RGB color model

#3E5C84 color RGB value is (62,92,132).

red value is 62;
green value is 92;
blue value is 132.

RGB:
(62,92,132)
(24%,36%,52%)

RGB channels and saturation

R 62 of 255 = 24%
G 92 of 255 = 36%
B 132 of 255 = 52%

132

R + G + B ~ 37%. #3E5C84 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
62 + 92 + 132 = 286 (100%)
R 62 of 286 ~ 21.68%
G 92 of 286 ~ 32.17%
B 132 of 286 ~ 46.15%

%21.68

%32.17

%46.15

CMYK color model

#3E5C84 color CMYK value is (53,30,0,48).

cyan value is 53.03%
magenta value is 30.30%
yellow value is 0.00%
key color value is 48.24%

CMYK:
(53,30,0,48)
C53M30Y0K48 
(53%,30%,0%,48%)
(0.53/0.30/0.00/0.48)

CMYK percentages

%53.03

%30.3

%48.24

Codes

Color #3E5C84 in popluar color models

	3E	5C	84
RGB	62	92	132
HSL	214°	36.08%	38.04%
HSB/HSV	214°	53.03%	51.76%
CMYK	53.03%	30.30%	0.00%
CMYK	48.24%

Color #3E5C84 in popluar number systems.

HEX	3E	5C	84
Decimal	62	92	132
Binary	111110	1011100	10000100
Octal	76	134	204

Shades and tints

Shades of #3E5C84

#3E5C84
(62,92,132)

#395478
(57,84,120)

#344C6C
(52,76,108)

#2F4460
(47,68,96)

#2A3C54
(42,60,84)

#253448
(37,52,72)

#202C3C
(32,44,60)

#1B2430
(27,36,48)

#161C24
(22,28,36)

#111418
(17,20,24)

#0C0C0C
(12,12,12)

#000000
(0,0,0)

Tints of #3E5C84

#3E5C84
(62,92,132)

#4F6A8F
(79,106,143)

#60789A
(96,120,154)

#7186A5
(113,134,165)

#8294B0
(130,148,176)

#93A2BB
(147,162,187)

#A4B0C6
(164,176,198)

#B5BED1
(181,190,209)

#C6CCDC
(198,204,220)

#D7DAE7
(215,218,231)

#E8E8F2
(232,232,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3E5C84 color. Also use rgb(62,92,132) instead hex code.

Text Font Color

.myTextColor { color: #3E5C84; }

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

This text font color is #3E5C84.

Background Color

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

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

This div background color is #3E5C84.

Border color

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

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

This div border color is #3E5C84.

Opacity

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

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

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

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

This text has shadow with #3E5C84 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3E5C84.

Preview

Color preview on black background

This text has color #3E5C84 on black background.

Color preview on white background

This text has color #3E5C84 on white background.

Black color preview on #3E5C84 background

This text has black color on #3E5C84 background.

White color preview on #3E5C84 background

This text has white color on #3E5C84 background.