COLOR #326A8D

HEX: #326A8D RGB: (50,106,141)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#326A8D color RGB value is (50,106,141).

red value is 50;
green value is 106;
blue value is 141.

RGB: (50,106,141) (20%, 42%, 55%)

RGB channels and saturation

R 50 of 255 = 20%
G 106 of 255 = 42%
B 141 of 255 = 55%

106

141

R + G + B ~ 39%. #326A8D is quite dark color.

Portions of RGB colors in percentages

R + G + B = 50 + 106 + 141 = 297 (100%)
R 50 of 297 ~ 16.84%
G 106 of 297 ~ 35.69%
B 141 of 297 ~ 47.47'%

%16.84

%35.69

%47.47

CMYK color model

#326A8D color CMYK value is (65,25,0,45).

cyan value is 64.54%
magenta value is 24.82%
yellow value is 0.00%
key color value is 44.71%

CMYK: (65,25,0,45) C65M25Y0K45 (65%,25%,0%,45%) (0.65/0.25/0.00/0.45)

CMYK percentages

%64.54

%24.82

%44.71

Codes

Color #326A8D in popluar color models

	32	6A	8D
RGB	50	106	141
HSL	203°	47.64%	37.45%
HSB/HSV	203°	64.54%	55.29%
CMYK	64.54%	24.82%	0.00%
CMYK	44.71%

Color #326A8D in popluar number systems.

HEX	32	6A	8D
Decimal	50	106	141
Binary	110010	1101010	10001101
Octal	62	152	215

Shades and tints

Shades of #326A8D

#326A8D
(50,106,141)

#2E6181
(46,97,129)

#2A5875
(42,88,117)

#264F69
(38,79,105)

#22465D
(34,70,93)

#1E3D51
(30,61,81)

#1A3445
(26,52,69)

#162B39
(22,43,57)

#12222D
(18,34,45)

#0E1921
(14,25,33)

#0A1015
(10,16,21)

#000000
(0,0,0)

Tints of #326A8D

#326A8D
(50,106,141)

#447797
(68,119,151)

#5684A1
(86,132,161)

#6891AB
(104,145,171)

#7A9EB5
(122,158,181)

#8CABBF
(140,171,191)

#9EB8C9
(158,184,201)

#B0C5D3
(176,197,211)

#C2D2DD
(194,210,221)

#D4DFE7
(212,223,231)

#E6ECF1
(230,236,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #326A8D color. Also use rgb(50,106,141) instead hex code.

Text Font Color

.myTextColor { color: #326A8D; }

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

This text font color is #326A8D.

Background Color

.myBgColor { background-color: #326A8D; }

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

This div background color is #326A8D.

Border color

.myBorderColor { border: 1px solid #326A8D; }

This div border color is #326A8D.

Opacity

.myOpacity80 { color: #326A8D; opacity: 0.8; }

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

This text has shadow with #326A8D color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #326A8D.