Color #3277AA

Color info

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

RGB color model

#3277AA color RGB value is (50,119,170).

red value is 50;
green value is 119;
blue value is 170.

RGB:
(50,119,170)
(20%,47%,67%)

RGB channels and saturation

R 50 of 255 = 20%
G 119 of 255 = 47%
B 170 of 255 = 67%

119

170

R + G + B ~ 45%. #3277AA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
50 + 119 + 170 = 339 (100%)
R 50 of 339 ~ 14.75%
G 119 of 339 ~ 35.1%
B 170 of 339 ~ 50.15%

%14.75

%35.1

%50.15

CMYK color model

#3277AA color CMYK value is (71,30,0,33).

cyan value is 70.59%
magenta value is 30.00%
yellow value is 0.00%
key color value is 33.33%

CMYK:
(71,30,0,33)
C71M30Y0K33 
(71%,30%,0%,33%)
(0.71/0.30/0.00/0.33)

CMYK percentages

%70.59

%30

%33.33

Codes

Color #3277AA in popluar color models

	32	77	AA
RGB	50	119	170
HSL	206°	54.55%	43.14%
HSB/HSV	206°	70.59%	66.67%
CMYK	70.59%	30.00%	0.00%
CMYK	33.33%

Color #3277AA in popluar number systems.

HEX	32	77	AA
Decimal	50	119	170
Binary	110010	1110111	10101010
Octal	62	167	252

Shades and tints

Shades of #3277AA

#3277AA
(50,119,170)

#2E6D9B
(46,109,155)

#2A638C
(42,99,140)

#26597D
(38,89,125)

#224F6E
(34,79,110)

#1E455F
(30,69,95)

#1A3B50
(26,59,80)

#163141
(22,49,65)

#122732
(18,39,50)

#0E1D23
(14,29,35)

#0A1314
(10,19,20)

#000000
(0,0,0)

Tints of #3277AA

#3277AA
(50,119,170)

#4483B1
(68,131,177)

#568FB8
(86,143,184)

#689BBF
(104,155,191)

#7AA7C6
(122,167,198)

#8CB3CD
(140,179,205)

#9EBFD4
(158,191,212)

#B0CBDB
(176,203,219)

#C2D7E2
(194,215,226)

#D4E3E9
(212,227,233)

#E6EFF0
(230,239,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3277AA color. Also use rgb(50,119,170) instead hex code.

Text Font Color

.myTextColor { color: #3277AA; }

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

This text font color is #3277AA.

Background Color

.myBgColor { background-color: #3277AA; }

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

This div background color is #3277AA.

Border color

.myBorderColor { border: 1px solid #3277AA; }

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

This div border color is #3277AA.

Opacity

.myOpacity80 { color: #3277AA; opacity: 0.8; }

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

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

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

This text has shadow with #3277AA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3277AA.

Preview

Color preview on black background

This text has color #3277AA on black background.

Color preview on white background

This text has color #3277AA on white background.

Black color preview on #3277AA background

This text has black color on #3277AA background.

White color preview on #3277AA background

This text has white color on #3277AA background.