COLOR #565948

HEX: #565948 RGB: (86,89,72)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#565948 contains red, green and blue colors in about the same proportion. Web safe color of #565948 is #666633 (or #663).

RGB color model

#565948 color RGB value is (86,89,72).

red value is 86;
green value is 89;
blue value is 72.

RGB: (86,89,72) (34%, 35%, 28%)

RGB channels and saturation

R 86 of 255 = 34%
G 89 of 255 = 35%
B 72 of 255 = 28%

R + G + B ~ 32%. #565948 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 86 + 89 + 72 = 247 (100%)
R 86 of 247 ~ 34.82%
G 89 of 247 ~ 36.03%
B 72 of 247 ~ 29.15'%

%34.82

%36.03

%29.15

CMYK color model

#565948 color CMYK value is (3,0,19,65).

cyan value is 3.37%
magenta value is 0.00%
yellow value is 19.10%
key color value is 65.10%

CMYK: (3,0,19,65) C3M0Y19K65 (3%,0%,19%,65%) (0.03/0.00/0.19/0.65)

CMYK percentages

%3.37

%19.1

%65.1

Codes

Color #565948 in popluar color models

	56	59	48
RGB	86	89	72
HSL	71°	10.56%	31.57%
HSB/HSV	71°	19.10%	34.90%
CMYK	3.37%	0.00%	19.10%
CMYK	65.10%

Color #565948 in popluar number systems.

HEX	56	59	48
Decimal	86	89	72
Binary	1010110	1011001	1001000
Octal	126	131	110

Shades and tints

Shades of #565948

#565948
(86,89,72)

#4F5142
(79,81,66)

#48493C
(72,73,60)

#414136
(65,65,54)

#3A3930
(58,57,48)

#33312A
(51,49,42)

#2C2924
(44,41,36)

#25211E
(37,33,30)

#1E1918
(30,25,24)

#171112
(23,17,18)

#10090C
(16,9,12)

#000000
(0,0,0)

Tints of #565948

#565948
(86,89,72)

#656858
(101,104,88)

#747768
(116,119,104)

#838678
(131,134,120)

#929588
(146,149,136)

#A1A498
(161,164,152)

#B0B3A8
(176,179,168)

#BFC2B8
(191,194,184)

#CED1C8
(206,209,200)

#DDE0D8
(221,224,216)

#ECEFE8
(236,239,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #565948 color. Also use rgb(86,89,72) instead hex code.

Text Font Color

.myTextColor { color: #565948; }

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

This text font color is #565948.

Background Color

.myBgColor { background-color: #565948; }

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

This div background color is #565948.

Border color

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

This div border color is #565948.

Opacity

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

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

This text has shadow with #565948 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #565948.