Color #46776C

Color info

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

RGB color model

#46776C color RGB value is (70,119,108).

red value is 70;
green value is 119;
blue value is 108.

RGB: (70,119,108) (27%, 47%, 42%)

RGB channels and saturation

R 70 of 255 = 27%
G 119 of 255 = 47%
B 108 of 255 = 42%

70

119

108

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

Portions of RGB colors in percentages

R + G + B = 70 + 119 + 108 = 297 (100%)
R 70 of 297 ~ 23.57%
G 119 of 297 ~ 40.07%
B 108 of 297 ~ 36.36'%

%23.57

%40.07

%36.36

CMYK color model

#46776C color CMYK value is (41,0,9,53).

cyan value is 41.18%
magenta value is 0.00%
yellow value is 9.24%
key color value is 53.33%

CMYK: (41,0,9,53)
C41M0Y9K53 (41%, 0%, 9%, 53%)
(0.41 / 0.00 / 0.09 / 0.53)

CMYK percentages

%41.18

%0

%9.24

%53.33

Codes

Color #46776C in popluar color models

	46	77	6C
RGB	70	119	108
HSL	167°	25.93%	37.06%
HSB/HSV	167°	41.18%	46.67%
CMYK	41.18%	0.00%	9.24%
CMYK	53.33%

Color #46776C in popluar number systems.

HEX	46	77	6C
Decimal	70	119	108
Binary	1000110	1110111	1101100
Octal	106	167	154

Shades and tints

Shades of #46776C

#46776C
(70,119,108)

#406D63
(64,109,99)

#3A635A
(58,99,90)

#345951
(52,89,81)

#2E4F48
(46,79,72)

#28453F
(40,69,63)

#223B36
(34,59,54)

#1C312D
(28,49,45)

#162724
(22,39,36)

#101D1B
(16,29,27)

#0A1312
(10,19,18)

#000000
(0,0,0)

Tints of #46776C

#46776C
(70,119,108)

#568379
(86,131,121)

#668F86
(102,143,134)

#769B93
(118,155,147)

#86A7A0
(134,167,160)

#96B3AD
(150,179,173)

#A6BFBA
(166,191,186)

#B6CBC7
(182,203,199)

#C6D7D4
(198,215,212)

#D6E3E1
(214,227,225)

#E6EFEE
(230,239,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #46776C color. Also use rgb(70,119,108) instead hex code.

Text Font Color

.myTextColor { color: #46776C; }

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

This text font color is #46776C.

Background Color

.myBgColor { background-color: #46776C; }

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

This div background color is #46776C.

Border color

.myBorderColor { border: 1px solid #46776C; }

This div border color is #46776C.

Opacity

.myOpacity80 { color: #46776C; opacity: 0.8; }

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

This text has shadow with #46776C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #46776C.