Color #886763

Color info

#886763 contains red, green and blue colors in about the same proportion. Web safe color of #886763 is #996666 (or #966).

RGB color model

#886763 color RGB value is (136,103,99).

red value is 136;
green value is 103;
blue value is 99.

RGB:
(136,103,99)
(53%,40%,39%)

RGB channels and saturation

R 136 of 255 = 53%
G 103 of 255 = 40%
B 99 of 255 = 39%

136

103

R + G + B ~ 44%. #886763 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
136 + 103 + 99 = 338 (100%)
R 136 of 338 ~ 40.24%
G 103 of 338 ~ 30.47%
B 99 of 338 ~ 29.29%

%40.24

%30.47

%29.29

CMYK color model

#886763 color CMYK value is (0,24,27,47).

cyan value is 0.00%
magenta value is 24.26%
yellow value is 27.21%
key color value is 46.67%

CMYK:
(0,24,27,47)
C0M24Y27K47 
(0%,24%,27%,47%)
(0.00/0.24/0.27/0.47)

CMYK percentages

%24.26

%27.21

%46.67

Codes

Color #886763 in popluar color models

	88	67	63
RGB	136	103	99
HSL	6°	15.74%	46.08%
HSB/HSV	6°	27.21%	53.33%
CMYK	0.00%	24.26%	27.21%
CMYK	46.67%

Color #886763 in popluar number systems.

HEX	88	67	63
Decimal	136	103	99
Binary	10001000	1100111	1100011
Octal	210	147	143

Shades and tints

Shades of #886763

#886763
(136,103,99)

#7C5E5A
(124,94,90)

#705551
(112,85,81)

#644C48
(100,76,72)

#58433F
(88,67,63)

#4C3A36
(76,58,54)

#40312D
(64,49,45)

#342824
(52,40,36)

#281F1B
(40,31,27)

#1C1612
(28,22,18)

#100D09
(16,13,9)

#000000
(0,0,0)

Tints of #886763

#886763
(136,103,99)

#927471
(146,116,113)

#9C817F
(156,129,127)

#A68E8D
(166,142,141)

#B09B9B
(176,155,155)

#BAA8A9
(186,168,169)

#C4B5B7
(196,181,183)

#CEC2C5
(206,194,197)

#D8CFD3
(216,207,211)

#E2DCE1
(226,220,225)

#ECE9EF
(236,233,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #886763 color. Also use rgb(136,103,99) instead hex code.

Text Font Color

.myTextColor { color: #886763; }

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

This text font color is #886763.

Background Color

.myBgColor { background-color: #886763; }

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

This div background color is #886763.

Border color

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

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

This div border color is #886763.

Opacity

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

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

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

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

This text has shadow with #886763 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #886763.

Preview

Color preview on black background

This text has color #886763 on black background.

Color preview on white background

This text has color #886763 on white background.

Black color preview on #886763 background

This text has black color on #886763 background.

White color preview on #886763 background

This text has white color on #886763 background.