COLOR #646657

HEX: #646657 RGB: (100,102,87)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#646657 contains red, green and blue colors in about the same proportion. Web safe color of #646657 is #666666 (or #666).

RGB color model

#646657 color RGB value is (100,102,87).

red value is 100;
green value is 102;
blue value is 87.

RGB: (100,102,87) (39%, 40%, 34%)

RGB channels and saturation

R 100 of 255 = 39%
G 102 of 255 = 40%
B 87 of 255 = 34%

100

102

R + G + B ~ 38%. #646657 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 100 + 102 + 87 = 289 (100%)
R 100 of 289 ~ 34.6%
G 102 of 289 ~ 35.29%
B 87 of 289 ~ 30.1'%

%34.6

%35.29

%30.1

CMYK color model

#646657 color CMYK value is (2,0,15,60).

cyan value is 1.96%
magenta value is 0.00%
yellow value is 14.71%
key color value is 60.00%

CMYK: (2,0,15,60) C2M0Y15K60 (2%,0%,15%,60%) (0.02/0.00/0.15/0.60)

CMYK percentages

%1.96

%14.71

%60

Codes

Color #646657 in popluar color models

	64	66	57
RGB	100	102	87
HSL	68°	7.94%	37.06%
HSB/HSV	68°	14.71%	40.00%
CMYK	1.96%	0.00%	14.71%
CMYK	60.00%

Color #646657 in popluar number systems.

HEX	64	66	57
Decimal	100	102	87
Binary	1100100	1100110	1010111
Octal	144	146	127

Shades and tints

Shades of #646657

#646657
(100,102,87)

#5B5D50
(91,93,80)

#525449
(82,84,73)

#494B42
(73,75,66)

#40423B
(64,66,59)

#373934
(55,57,52)

#2E302D
(46,48,45)

#252726
(37,39,38)

#1C1E1F
(28,30,31)

#131518
(19,21,24)

#0A0C11
(10,12,17)

#000000
(0,0,0)

Tints of #646657

#646657
(100,102,87)

#727366
(114,115,102)

#808075
(128,128,117)

#8E8D84
(142,141,132)

#9C9A93
(156,154,147)

#AAA7A2
(170,167,162)

#B8B4B1
(184,180,177)

#C6C1C0
(198,193,192)

#D4CECF
(212,206,207)

#E2DBDE
(226,219,222)

#F0E8ED
(240,232,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #646657 color. Also use rgb(100,102,87) instead hex code.

Text Font Color

.myTextColor { color: #646657; }

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

This text font color is #646657.

Background Color

.myBgColor { background-color: #646657; }

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

This div background color is #646657.

Border color

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

This div border color is #646657.

Opacity

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

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

This text has shadow with #646657 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #646657.