Color #354371

Color info

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

RGB color model

#354371 color RGB value is (53,67,113).

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

RGB: (53,67,113) (21%,26%,44%)

RGB channels and saturation

R 53 of 255 = 21%
G 67 of 255 = 26%
B 113 of 255 = 44%

113

R + G + B ~ 30%. #354371 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
53 + 67 + 113 = 233 (100%)
R 53 of 233 ~ 22.75%
G 67 of 233 ~ 28.76%
B 113 of 233 ~ 48.5%

%22.75

%28.76

%48.5

CMYK color model

#354371 color CMYK value is (53,41,0,56).

cyan value is 53.10%
magenta value is 40.71%
yellow value is 0.00%
key color value is 55.69%

CMYK: (53,41,0,56) C53M41Y0K56 (53%,41%,0%,56%) (0.53/0.41/0.00/0.56)

CMYK percentages

%53.1

%40.71

%55.69

Codes

Color #354371 in popluar color models

	35	43	71
RGB	53	67	113
HSL	226°	36.14%	32.55%
HSB/HSV	226°	53.10%	44.31%
CMYK	53.10%	40.71%	0.00%
CMYK	55.69%

Color #354371 in popluar number systems.

HEX	35	43	71
Decimal	53	67	113
Binary	110101	1000011	1110001
Octal	65	103	161

Shades and tints

Shades of #354371

#354371
(53,67,113)

#313D67
(49,61,103)

#2D375D
(45,55,93)

#293153
(41,49,83)

#252B49
(37,43,73)

#21253F
(33,37,63)

#1D1F35
(29,31,53)

#19192B
(25,25,43)

#151321
(21,19,33)

#110D17
(17,13,23)

#0D070D
(13,7,13)

#000000
(0,0,0)

Tints of #354371

#354371
(53,67,113)

#47547D
(71,84,125)

#596589
(89,101,137)

#6B7695
(107,118,149)

#7D87A1
(125,135,161)

#8F98AD
(143,152,173)

#A1A9B9
(161,169,185)

#B3BAC5
(179,186,197)

#C5CBD1
(197,203,209)

#D7DCDD
(215,220,221)

#E9EDE9
(233,237,233)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #354371; }

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

This text font color is #354371.

Background Color

.myBgColor { background-color: #354371; }

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

This div background color is #354371.

Border color

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

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

This div border color is #354371.

Opacity

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

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

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

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

This text has shadow with #354371 color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #354371; -webkit-box-shadow:	1px 1px 3px 2px #354371; box-shadow:	1px 1px 3px 2px #354371; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #354371; -webkit-box-shadow: 1px 1px 3px 2px #354371; box-shadow:1px 1px 3px 2px #354371;">
Div content here</div>

This div box has shadow with color #354371.

Preview

Color preview on black background

This text has color #354371 on black background.

Color preview on white background

This text has color #354371 on white background.

Black color preview on #354371 background

This text has black color on #354371 background.

White color preview on #354371 background

This text has white color on #354371 background.