COLOR #354E80

HEX: #354E80 RGB: (53,78,128)

Color info

#354E80 contains mainly green and blue colors. Web safe color of #354E80 is #336666 (or #366).

RGB color model

#354E80 color RGB value is (53,78,128).

RGB: (53,78,128) (21%, 31%, 50%)

RGB channels and saturation

R 53 of 255 = 21%
G 78 of 255 = 31%
B 128 of 255 = 50%

53
78
128

R + G + B ~ 34%. #354E80 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 53 + 78 + 128 = 259 (100%)
R 53 of 259 ~ 20.46%
G 78 of 259 ~ 30.12%
B 128 of 259 ~ 49.42'%

%20.46
%30.12
%49.42

CMYK color model

#354E80 color CMYK value is (59,39,0,50).

  • cyan value is 58.59%
  • magenta value is 39.06%
  • yellow value is 0.00%
  • key color value is 49.80%

CMYK: (59,39,0,50)
C59M39Y0K50 (59%, 39%, 0%, 50%)
(0.59 / 0.39 / 0.00 / 0.50)

CMYK percentages

%58.59
%39.06
%0
%49.8

Codes

Color #354E80 in popluar color models

35 4E 80
RGB 53 78 128
HSL 220° 41.44% 35.49%
HSB/HSV 220° 58.59% 50.20%
CMYK 58.59% 39.06% 0.00%
49.80%

Color #354E80 in popluar number systems.

HEX 35 4E 80
Decimal 53 78 128
Binary 110101 1001110 10000000
Octal 65 116 200

Shades and tints

Shades of #354E80

#354E80
(53,78,128)
#314775
(49,71,117)
#2D406A
(45,64,106)
#29395F
(41,57,95)
#253254
(37,50,84)
#212B49
(33,43,73)
#1D243E
(29,36,62)
#191D33
(25,29,51)
#151628
(21,22,40)
#110F1D
(17,15,29)
#0D0812
(13,8,18)
#000000
(0,0,0)

Tints of #354E80

#354E80
(53,78,128)
#475E8B
(71,94,139)
#596E96
(89,110,150)
#6B7EA1
(107,126,161)
#7D8EAC
(125,142,172)
#8F9EB7
(143,158,183)
#A1AEC2
(161,174,194)
#B3BECD
(179,190,205)
#C5CED8
(197,206,216)
#D7DEE3
(215,222,227)
#E9EEEE
(233,238,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #354E80 color. Also use rgb(53,78,128) instead hex code.

Text Font Color

.myTextColor { color: #354E80; }

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

This text font color is #354E80.

Background Color

.myBgColor { background-color: #354E80; }

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

This div background color is #354E80.

Border color

.myBorderColor { border: 1px solid #354E80; }

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

This div border color is #354E80.

Opacity

.myOpacity80 { color: #354E80; opacity: 0.8; }

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

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

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

This text has shadow with #354E80 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #354E80.

Preview

Color preview on black background

This text has color #354E80 on black background.


Color preview on white background

This text has color #354E80 on white background.


Black color preview on #354E80 background

This text has black color on #354E80 background.


White color preview on #354E80 background

This text has white color on #354E80 background.


Related colors

Complementary color

Complementary color for #hex is #CAB17F.


I love getcolorcode.com

Triadic colors

1 #80354E and #4E8035 with #354E80 are triadic colors.

2 #804E35 and #4E3580 with #354E80 are triadic colors.