COLOR #7C8B82

HEX: #7C8B82 RGB: (124,139,130)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#7C8B82 contains red, green and blue colors in about the same proportion. Web safe color of #7C8B82 is #669999 (or #699).

RGB color model

#7C8B82 color RGB value is (124,139,130).

red value is 124;
green value is 139;
blue value is 130.

RGB: (124,139,130) (49%, 55%, 51%)

RGB channels and saturation

R 124 of 255 = 49%
G 139 of 255 = 55%
B 130 of 255 = 51%

124

139

130

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

Portions of RGB colors in percentages

R + G + B = 124 + 139 + 130 = 393 (100%)
R 124 of 393 ~ 31.55%
G 139 of 393 ~ 35.37%
B 130 of 393 ~ 33.08'%

%31.55

%35.37

%33.08

CMYK color model

#7C8B82 color CMYK value is (11,0,6,45).

cyan value is 10.79%
magenta value is 0.00%
yellow value is 6.47%
key color value is 45.49%

CMYK: (11,0,6,45) C11M0Y6K45 (11%,0%,6%,45%) (0.11/0.00/0.06/0.45)

CMYK percentages

%10.79

%6.47

%45.49

Codes

Color #7C8B82 in popluar color models

	7C	8B	82
RGB	124	139	130
HSL	144°	6.07%	51.57%
HSB/HSV	144°	10.79%	54.51%
CMYK	10.79%	0.00%	6.47%
CMYK	45.49%

Color #7C8B82 in popluar number systems.

HEX	7C	8B	82
Decimal	124	139	130
Binary	1111100	10001011	10000010
Octal	174	213	202

Shades and tints

Shades of #7C8B82

#7C8B82
(124,139,130)

#717F77
(113,127,119)

#66736C
(102,115,108)

#5B6761
(91,103,97)

#505B56
(80,91,86)

#454F4B
(69,79,75)

#3A4340
(58,67,64)

#2F3735
(47,55,53)

#242B2A
(36,43,42)

#191F1F
(25,31,31)

#0E1314
(14,19,20)

#000000
(0,0,0)

Tints of #7C8B82

#7C8B82
(124,139,130)

#87958D
(135,149,141)

#929F98
(146,159,152)

#9DA9A3
(157,169,163)

#A8B3AE
(168,179,174)

#B3BDB9
(179,189,185)

#BEC7C4
(190,199,196)

#C9D1CF
(201,209,207)

#D4DBDA
(212,219,218)

#DFE5E5
(223,229,229)

#EAEFF0
(234,239,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7C8B82 color. Also use rgb(124,139,130) instead hex code.

Text Font Color

.myTextColor { color: #7C8B82; }

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

This text font color is #7C8B82.

Background Color

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

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

This div background color is #7C8B82.

Border color

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

This div border color is #7C8B82.

Opacity

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

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

This text has shadow with #7C8B82 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7C8B82.