COLOR #7C6B60

HEX: #7C6B60 RGB: (124,107,96)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#7C6B60 color RGB value is (124,107,96).

red value is 124;
green value is 107;
blue value is 96.

RGB: (124,107,96) (49%, 42%, 38%)

RGB channels and saturation

R 124 of 255 = 49%
G 107 of 255 = 42%
B 96 of 255 = 38%

124

107

R + G + B ~ 43%. #7C6B60 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 124 + 107 + 96 = 327 (100%)
R 124 of 327 ~ 37.92%
G 107 of 327 ~ 32.72%
B 96 of 327 ~ 29.36'%

%37.92

%32.72

%29.36

CMYK color model

#7C6B60 color CMYK value is (0,14,23,51).

cyan value is 0.00%
magenta value is 13.71%
yellow value is 22.58%
key color value is 51.37%

CMYK: (0,14,23,51) C0M14Y23K51 (0%,14%,23%,51%) (0.00/0.14/0.23/0.51)

CMYK percentages

%13.71

%22.58

%51.37

Codes

Color #7C6B60 in popluar color models

	7C	6B	60
RGB	124	107	96
HSL	24°	12.73%	43.14%
HSB/HSV	24°	22.58%	48.63%
CMYK	0.00%	13.71%	22.58%
CMYK	51.37%

Color #7C6B60 in popluar number systems.

HEX	7C	6B	60
Decimal	124	107	96
Binary	1111100	1101011	1100000
Octal	174	153	140

Shades and tints

Shades of #7C6B60

#7C6B60
(124,107,96)

#716258
(113,98,88)

#665950
(102,89,80)

#5B5048
(91,80,72)

#504740
(80,71,64)

#453E38
(69,62,56)

#3A3530
(58,53,48)

#2F2C28
(47,44,40)

#242320
(36,35,32)

#191A18
(25,26,24)

#0E1110
(14,17,16)

#000000
(0,0,0)

Tints of #7C6B60

#7C6B60
(124,107,96)

#87786E
(135,120,110)

#92857C
(146,133,124)

#9D928A
(157,146,138)

#A89F98
(168,159,152)

#B3ACA6
(179,172,166)

#BEB9B4
(190,185,180)

#C9C6C2
(201,198,194)

#D4D3D0
(212,211,208)

#DFE0DE
(223,224,222)

#EAEDEC
(234,237,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7C6B60 color. Also use rgb(124,107,96) instead hex code.

Text Font Color

.myTextColor { color: #7C6B60; }

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

This text font color is #7C6B60.

Background Color

.myBgColor { background-color: #7C6B60; }

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

This div background color is #7C6B60.

Border color

.myBorderColor { border: 1px solid #7C6B60; }

This div border color is #7C6B60.

Opacity

.myOpacity80 { color: #7C6B60; opacity: 0.8; }

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

This text has shadow with #7C6B60 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7C6B60.