Color #55676A

Color info

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

RGB color model

#55676A color RGB value is (85,103,106).

red value is 85;
green value is 103;
blue value is 106.

RGB: (85,103,106) (33%, 40%, 42%)

RGB channels and saturation

R 85 of 255 = 33%
G 103 of 255 = 40%
B 106 of 255 = 42%

85

103

106

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

Portions of RGB colors in percentages

R + G + B = 85 + 103 + 106 = 294 (100%)
R 85 of 294 ~ 28.91%
G 103 of 294 ~ 35.03%
B 106 of 294 ~ 36.05'%

%28.91

%35.03

%36.05

CMYK color model

#55676A color CMYK value is (20,3,0,58).

cyan value is 19.81%
magenta value is 2.83%
yellow value is 0.00%
key color value is 58.43%

CMYK: (20,3,0,58)
C20M3Y0K58 (20%, 3%, 0%, 58%)
(0.20 / 0.03 / 0.00 / 0.58)

CMYK percentages

%19.81

%2.83

%0

%58.43

Codes

Color #55676A in popluar color models

	55	67	6A
RGB	85	103	106
HSL	189°	10.99%	37.45%
HSB/HSV	189°	19.81%	41.57%
CMYK	19.81%	2.83%	0.00%
CMYK	58.43%

Color #55676A in popluar number systems.

HEX	55	67	6A
Decimal	85	103	106
Binary	1010101	1100111	1101010
Octal	125	147	152

Shades and tints

Shades of #55676A

#55676A
(85,103,106)

#4E5E61
(78,94,97)

#475558
(71,85,88)

#404C4F
(64,76,79)

#394346
(57,67,70)

#323A3D
(50,58,61)

#2B3134
(43,49,52)

#24282B
(36,40,43)

#1D1F22
(29,31,34)

#161619
(22,22,25)

#0F0D10
(15,13,16)

#000000
(0,0,0)

Tints of #55676A

#55676A
(85,103,106)

#647477
(100,116,119)

#738184
(115,129,132)

#828E91
(130,142,145)

#919B9E
(145,155,158)

#A0A8AB
(160,168,171)

#AFB5B8
(175,181,184)

#BEC2C5
(190,194,197)

#CDCFD2
(205,207,210)

#DCDCDF
(220,220,223)

#EBE9EC
(235,233,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55676A color. Also use rgb(85,103,106) instead hex code.

Text Font Color

.myTextColor { color: #55676A; }

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

This text font color is #55676A.

Background Color

.myBgColor { background-color: #55676A; }

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

This div background color is #55676A.

Border color

.myBorderColor { border: 1px solid #55676A; }

This div border color is #55676A.

Opacity

.myOpacity80 { color: #55676A; opacity: 0.8; }

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

This text has shadow with #55676A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #55676A.