Color #5C716E

Color info

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

RGB color model

#5C716E color RGB value is (92,113,110).

red value is 92;
green value is 113;
blue value is 110.

RGB:
(92,113,110)
(36%,44%,43%)

RGB channels and saturation

R 92 of 255 = 36%
G 113 of 255 = 44%
B 110 of 255 = 43%

113

110

R + G + B ~ 41%. #5C716E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
92 + 113 + 110 = 315 (100%)
R 92 of 315 ~ 29.21%
G 113 of 315 ~ 35.87%
B 110 of 315 ~ 34.92%

%29.21

%35.87

%34.92

CMYK color model

#5C716E color CMYK value is (19,0,3,56).

cyan value is 18.58%
magenta value is 0.00%
yellow value is 2.65%
key color value is 55.69%

CMYK:
(19,0,3,56)
C19M0Y3K56 
(19%,0%,3%,56%)
(0.19/0.00/0.03/0.56)

CMYK percentages

%18.58

%2.65

%55.69

Codes

Color #5C716E in popluar color models

	5C	71	6E
RGB	92	113	110
HSL	171°	10.24%	40.20%
HSB/HSV	171°	18.58%	44.31%
CMYK	18.58%	0.00%	2.65%
CMYK	55.69%

Color #5C716E in popluar number systems.

HEX	5C	71	6E
Decimal	92	113	110
Binary	1011100	1110001	1101110
Octal	134	161	156

Shades and tints

Shades of #5C716E

#5C716E
(92,113,110)

#546764
(84,103,100)

#4C5D5A
(76,93,90)

#445350
(68,83,80)

#3C4946
(60,73,70)

#343F3C
(52,63,60)

#2C3532
(44,53,50)

#242B28
(36,43,40)

#1C211E
(28,33,30)

#141714
(20,23,20)

#0C0D0A
(12,13,10)

#000000
(0,0,0)

Tints of #5C716E

#5C716E
(92,113,110)

#6A7D7B
(106,125,123)

#788988
(120,137,136)

#869595
(134,149,149)

#94A1A2
(148,161,162)

#A2ADAF
(162,173,175)

#B0B9BC
(176,185,188)

#BEC5C9
(190,197,201)

#CCD1D6
(204,209,214)

#DADDE3
(218,221,227)

#E8E9F0
(232,233,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5C716E color. Also use rgb(92,113,110) instead hex code.

Text Font Color

.myTextColor { color: #5C716E; }

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

This text font color is #5C716E.

Background Color

.myBgColor { background-color: #5C716E; }

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

This div background color is #5C716E.

Border color

.myBorderColor { border: 1px solid #5C716E; }

<div style="border:3px solid #5C716E">Div</div>

This div border color is #5C716E.

Opacity

.myOpacity80 { color: #5C716E; opacity: 0.8; }

<p style="color:#5C716E;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #5C716E">Text here.</p>

This text has shadow with #5C716E color.

.textShadow {text-shadow: 3px 3px 1px #5C716E, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #5C716E, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#5C716E, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #5C716E.

Preview

Color preview on black background

This text has color #5C716E on black background.

Color preview on white background

This text has color #5C716E on white background.

Black color preview on #5C716E background

This text has black color on #5C716E background.

White color preview on #5C716E background

This text has white color on #5C716E background.