COLOR #3C778B

HEX: #3C778B RGB: (60,119,139)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#3C778B color RGB value is (60,119,139).

red value is 60;
green value is 119;
blue value is 139.

RGB: (60,119,139) (24%, 47%, 55%)

RGB channels and saturation

R 60 of 255 = 24%
G 119 of 255 = 47%
B 139 of 255 = 55%

119

139

R + G + B ~ 42%. #3C778B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 60 + 119 + 139 = 318 (100%)
R 60 of 318 ~ 18.87%
G 119 of 318 ~ 37.42%
B 139 of 318 ~ 43.71'%

%18.87

%37.42

%43.71

CMYK color model

#3C778B color CMYK value is (57,14,0,45).

cyan value is 56.83%
magenta value is 14.39%
yellow value is 0.00%
key color value is 45.49%

CMYK: (57,14,0,45) C57M14Y0K45 (57%,14%,0%,45%) (0.57/0.14/0.00/0.45)

CMYK percentages

%56.83

%14.39

%45.49

Codes

Color #3C778B in popluar color models

	3C	77	8B
RGB	60	119	139
HSL	195°	39.70%	39.02%
HSB/HSV	195°	56.83%	54.51%
CMYK	56.83%	14.39%	0.00%
CMYK	45.49%

Color #3C778B in popluar number systems.

HEX	3C	77	8B
Decimal	60	119	139
Binary	111100	1110111	10001011
Octal	74	167	213

Shades and tints

Shades of #3C778B

#3C778B
(60,119,139)

#376D7F
(55,109,127)

#326373
(50,99,115)

#2D5967
(45,89,103)

#284F5B
(40,79,91)

#23454F
(35,69,79)

#1E3B43
(30,59,67)

#193137
(25,49,55)

#14272B
(20,39,43)

#0F1D1F
(15,29,31)

#0A1313
(10,19,19)

#000000
(0,0,0)

Tints of #3C778B

#3C778B
(60,119,139)

#4D8395
(77,131,149)

#5E8F9F
(94,143,159)

#6F9BA9
(111,155,169)

#80A7B3
(128,167,179)

#91B3BD
(145,179,189)

#A2BFC7
(162,191,199)

#B3CBD1
(179,203,209)

#C4D7DB
(196,215,219)

#D5E3E5
(213,227,229)

#E6EFEF
(230,239,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3C778B color. Also use rgb(60,119,139) instead hex code.

Text Font Color

.myTextColor { color: #3C778B; }

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

This text font color is #3C778B.

Background Color

.myBgColor { background-color: #3C778B; }

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

This div background color is #3C778B.

Border color

.myBorderColor { border: 1px solid #3C778B; }

This div border color is #3C778B.

Opacity

.myOpacity80 { color: #3C778B; opacity: 0.8; }

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

This text has shadow with #3C778B color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3C778B.