Color #3C4F55

Color info

#3C4F55 contains red, green and blue colors in about the same proportion. Web safe color of #3C4F55 is #336666 (or #366).

RGB color model

#3C4F55 color RGB value is (60,79,85).

red value is 60;
green value is 79;
blue value is 85.

RGB: (60,79,85) (24%, 31%, 33%)

RGB channels and saturation

R 60 of 255 = 24%
G 79 of 255 = 31%
B 85 of 255 = 33%

60

79

85

R + G + B ~ 29%. #3C4F55 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 60 + 79 + 85 = 224 (100%)
R 60 of 224 ~ 26.79%
G 79 of 224 ~ 35.27%
B 85 of 224 ~ 37.95'%

%26.79

%35.27

%37.95

CMYK color model

#3C4F55 color CMYK value is (29,7,0,67).

cyan value is 29.41%
magenta value is 7.06%
yellow value is 0.00%
key color value is 66.67%

CMYK: (29,7,0,67)
C29M7Y0K67 (29%, 7%, 0%, 67%)
(0.29 / 0.07 / 0.00 / 0.67)

CMYK percentages

%29.41

%7.06

%0

%66.67

Codes

Color #3C4F55 in popluar color models

	3C	4F	55
RGB	60	79	85
HSL	194°	17.24%	28.43%
HSB/HSV	194°	29.41%	33.33%
CMYK	29.41%	7.06%	0.00%
CMYK	66.67%

Color #3C4F55 in popluar number systems.

HEX	3C	4F	55
Decimal	60	79	85
Binary	111100	1001111	1010101
Octal	74	117	125

Shades and tints

Shades of #3C4F55

#3C4F55
(60,79,85)

#37484E
(55,72,78)

#324147
(50,65,71)

#2D3A40
(45,58,64)

#283339
(40,51,57)

#232C32
(35,44,50)

#1E252B
(30,37,43)

#191E24
(25,30,36)

#14171D
(20,23,29)

#0F1016
(15,16,22)

#0A090F
(10,9,15)

#000000
(0,0,0)

Tints of #3C4F55

#3C4F55
(60,79,85)

#4D5F64
(77,95,100)

#5E6F73
(94,111,115)

#6F7F82
(111,127,130)

#808F91
(128,143,145)

#919FA0
(145,159,160)

#A2AFAF
(162,175,175)

#B3BFBE
(179,191,190)

#C4CFCD
(196,207,205)

#D5DFDC
(213,223,220)

#E6EFEB
(230,239,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3C4F55 color. Also use rgb(60,79,85) instead hex code.

Text Font Color

.myTextColor { color: #3C4F55; }

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

This text font color is #3C4F55.

Background Color

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

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

This div background color is #3C4F55.

Border color

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

This div border color is #3C4F55.

Opacity

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

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

This text has shadow with #3C4F55 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3C4F55.