Color #338277

Color info

#338277 contains mainly green and blue colors. Web safe color of #338277 is #339966 (or #396).

RGB color model

#338277 color RGB value is (51,130,119).

red value is 51;
green value is 130;
blue value is 119.

RGB: (51,130,119) (20%, 51%, 47%)

RGB channels and saturation

R 51 of 255 = 20%
G 130 of 255 = 51%
B 119 of 255 = 47%

51

130

119

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

Portions of RGB colors in percentages

R + G + B = 51 + 130 + 119 = 300 (100%)
R 51 of 300 ~ 17%
G 130 of 300 ~ 43.33%
B 119 of 300 ~ 39.67'%

%17

%43.33

%39.67

CMYK color model

#338277 color CMYK value is (61,0,8,49).

cyan value is 60.77%
magenta value is 0.00%
yellow value is 8.46%
key color value is 49.02%

CMYK: (61,0,8,49)
C61M0Y8K49 (61%, 0%, 8%, 49%)
(0.61 / 0.00 / 0.08 / 0.49)

CMYK percentages

%60.77

%0

%8.46

%49.02

Codes

Color #338277 in popluar color models

	33	82	77
RGB	51	130	119
HSL	172°	43.65%	35.49%
HSB/HSV	172°	60.77%	50.98%
CMYK	60.77%	0.00%	8.46%
CMYK	49.02%

Color #338277 in popluar number systems.

HEX	33	82	77
Decimal	51	130	119
Binary	110011	10000010	1110111
Octal	63	202	167

Shades and tints

Shades of #338277

#338277
(51,130,119)

#2F776D
(47,119,109)

#2B6C63
(43,108,99)

#276159
(39,97,89)

#23564F
(35,86,79)

#1F4B45
(31,75,69)

#1B403B
(27,64,59)

#173531
(23,53,49)

#132A27
(19,42,39)

#0F1F1D
(15,31,29)

#0B1413
(11,20,19)

#000000
(0,0,0)

Tints of #338277

#338277
(51,130,119)

#458D83
(69,141,131)

#57988F
(87,152,143)

#69A39B
(105,163,155)

#7BAEA7
(123,174,167)

#8DB9B3
(141,185,179)

#9FC4BF
(159,196,191)

#B1CFCB
(177,207,203)

#C3DAD7
(195,218,215)

#D5E5E3
(213,229,227)

#E7F0EF
(231,240,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #338277 color. Also use rgb(51,130,119) instead hex code.

Text Font Color

.myTextColor { color: #338277; }

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

This text font color is #338277.

Background Color

.myBgColor { background-color: #338277; }

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

This div background color is #338277.

Border color

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

This div border color is #338277.

Opacity

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

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

This text has shadow with #338277 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #338277.