COLOR #325C8B

HEX: #325C8B
RGB: (50,92,139)

Color info

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

RGB color model

#325C8B color RGB value is (50,92,139).

  • red value is 50;
  • green value is 92;
  • blue value is 139.
RGB:
(50,92,139)
(20%,36%,55%)

RGB channels and saturation

R 50 of 255 = 20%
G 92 of 255 = 36%
B 139 of 255 = 55%

50
92
139

R + G + B ~ 37%. #325C8B is quite dark color.

Portions of RGB colors in percentages

R + G + B =
50 + 92 + 139 = 281 (100%)
R 50 of 281 ~ 17.79%
G 92 of 281 ~ 32.74%
B 139 of 281 ~ 49.47%

%17.79
%32.74
%49.47

CMYK color model

#325C8B color CMYK value is (64,34,0,45).

  • cyan value is 64.03%
  • magenta value is 33.81%
  • yellow value is 0.00%
  • key color value is 45.49%
CMYK:
(64,34,0,45)
C64M34Y0K45 
(64%,34%,0%,45%)
(0.64/0.34/0.00/0.45)	

CMYK percentages

%64.03
%33.81
%0
%45.49

Codes

Color #325C8B in popluar color models

325C8B
RGB5092139
HSL212°47.09%37.06%
HSB/HSV212°64.03%54.51%
CMYK64.03%33.81%0.00%
45.49%

Color #325C8B in popluar number systems.

HEX325C8B
Decimal5092139
Binary110010101110010001011
Octal62134213

Shades and tints

Shades of #325C8B

#325C8B
(50,92,139)
#2E547F
(46,84,127)
#2A4C73
(42,76,115)
#264467
(38,68,103)
#223C5B
(34,60,91)
#1E344F
(30,52,79)
#1A2C43
(26,44,67)
#162437
(22,36,55)
#121C2B
(18,28,43)
#0E141F
(14,20,31)
#0A0C13
(10,12,19)
#000000
(0,0,0)

Tints of #325C8B

#325C8B
(50,92,139)
#446A95
(68,106,149)
#56789F
(86,120,159)
#6886A9
(104,134,169)
#7A94B3
(122,148,179)
#8CA2BD
(140,162,189)
#9EB0C7
(158,176,199)
#B0BED1
(176,190,209)
#C2CCDB
(194,204,219)
#D4DAE5
(212,218,229)
#E6E8EF
(230,232,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #325C8B color. Also use rgb(50,92,139) instead hex code.

Text Font Color

.myTextColor { color: #325C8B; }

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

This text font color is #325C8B.


Background Color

.myBgColor { background-color: #325C8B; }

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

This div background color is #325C8B.


Border color

.myBorderColor { border: 1px solid #325C8B; }

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

This div border color is #325C8B.


Opacity

.myOpacity80 { color: #325C8B; opacity: 0.8; }

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

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

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

This text has shadow with #325C8B color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #325C8B;
-webkit-box-shadow: 1px 1px 3px 2px #325C8B;
box-shadow:1px 1px 3px 2px #325C8B;">
Div content here</div>
This div box has shadow with color #325C8B.

Preview

Color preview on black background

This text has color #325C8B on black background.


Color preview on white background

This text has color #325C8B on white background.



Black color preview on #325C8B background

This text has black color on #325C8B background.


White color preview on #325C8B background

This text has white color on #325C8B background.