Color #354378

Color info

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

RGB color model

#354378 color RGB value is (53,67,120).

red value is 53;
green value is 67;
blue value is 120.

RGB:
(53,67,120)
(21%,26%,47%)

RGB channels and saturation

R 53 of 255 = 21%
G 67 of 255 = 26%
B 120 of 255 = 47%

120

R + G + B ~ 31%. #354378 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
53 + 67 + 120 = 240 (100%)
R 53 of 240 ~ 22.08%
G 67 of 240 ~ 27.92%
B 120 of 240 ~ 50%

%22.08

%27.92

%50

CMYK color model

#354378 color CMYK value is (56,44,0,53).

cyan value is 55.83%
magenta value is 44.17%
yellow value is 0.00%
key color value is 52.94%

CMYK:
(56,44,0,53)
C56M44Y0K53 
(56%,44%,0%,53%)
(0.56/0.44/0.00/0.53)

CMYK percentages

%55.83

%44.17

%52.94

Codes

Color #354378 in popluar color models

	35	43	78
RGB	53	67	120
HSL	227°	38.73%	33.92%
HSB/HSV	227°	55.83%	47.06%
CMYK	55.83%	44.17%	0.00%
CMYK	52.94%

Color #354378 in popluar number systems.

HEX	35	43	78
Decimal	53	67	120
Binary	110101	1000011	1111000
Octal	65	103	170

Shades and tints

Shades of #354378

#354378
(53,67,120)

#313D6E
(49,61,110)

#2D3764
(45,55,100)

#29315A
(41,49,90)

#252B50
(37,43,80)

#212546
(33,37,70)

#1D1F3C
(29,31,60)

#191932
(25,25,50)

#151328
(21,19,40)

#110D1E
(17,13,30)

#0D0714
(13,7,20)

#000000
(0,0,0)

Tints of #354378

#354378
(53,67,120)

#475484
(71,84,132)

#596590
(89,101,144)

#6B769C
(107,118,156)

#7D87A8
(125,135,168)

#8F98B4
(143,152,180)

#A1A9C0
(161,169,192)

#B3BACC
(179,186,204)

#C5CBD8
(197,203,216)

#D7DCE4
(215,220,228)

#E9EDF0
(233,237,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #354378 color. Also use rgb(53,67,120) instead hex code.

Text Font Color

.myTextColor { color: #354378; }

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

This text font color is #354378.

Background Color

.myBgColor { background-color: #354378; }

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

This div background color is #354378.

Border color

.myBorderColor { border: 1px solid #354378; }

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

This div border color is #354378.

Opacity

.myOpacity80 { color: #354378; opacity: 0.8; }

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

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

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

This text has shadow with #354378 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #354378.

Preview

Color preview on black background

This text has color #354378 on black background.

Color preview on white background

This text has color #354378 on white background.

Black color preview on #354378 background

This text has black color on #354378 background.

White color preview on #354378 background

This text has white color on #354378 background.