COLOR #885A52

HEX: #885A52
RGB: (136,90,82)

Color info

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

RGB color model

#885A52 color RGB value is (136,90,82).

  • red value is 136;
  • green value is 90;
  • blue value is 82.
RGB: (136,90,82) (53%,35%,32%)

RGB channels and saturation

R 136 of 255 = 53%
G 90 of 255 = 35%
B 82 of 255 = 32%

136
90
82

R + G + B ~ 40%. #885A52 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
136 + 90 + 82 = 308 (100%)
R 136 of 308 ~ 44.16%
G 90 of 308 ~ 29.22%
B 82 of 308 ~ 26.62%

%44.16
%29.22
%26.62

CMYK color model

#885A52 color CMYK value is (0,34,40,47).

  • cyan value is 0.00%
  • magenta value is 33.82%
  • yellow value is 39.71%
  • key color value is 46.67%
CMYK: (0,34,40,47) C0M34Y40K47 (0%,34%,40%,47%) (0.00/0.34/0.40/0.47)

CMYK percentages

%0
%33.82
%39.71
%46.67

Codes

Color #885A52 in popluar color models

885A52
RGB1369082
HSL24.77%42.75%
HSB/HSV39.71%53.33%
CMYK0.00%33.82%39.71%
46.67%

Color #885A52 in popluar number systems.

HEX885A52
Decimal1369082
Binary1000100010110101010010
Octal210132122

Shades and tints

Shades of #885A52

#885A52
(136,90,82)
#7C524B
(124,82,75)
#704A44
(112,74,68)
#64423D
(100,66,61)
#583A36
(88,58,54)
#4C322F
(76,50,47)
#402A28
(64,42,40)
#342221
(52,34,33)
#281A1A
(40,26,26)
#1C1213
(28,18,19)
#100A0C
(16,10,12)
#000000
(0,0,0)

Tints of #885A52

#885A52
(136,90,82)
#926961
(146,105,97)
#9C7870
(156,120,112)
#A6877F
(166,135,127)
#B0968E
(176,150,142)
#BAA59D
(186,165,157)
#C4B4AC
(196,180,172)
#CEC3BB
(206,195,187)
#D8D2CA
(216,210,202)
#E2E1D9
(226,225,217)
#ECF0E8
(236,240,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #885A52 color. Also use rgb(136,90,82) instead hex code.

Text Font Color

.myTextColor { color: #885A52; }

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

This text font color is #885A52.


Background Color

.myBgColor { background-color: #885A52; }

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

This div background color is #885A52.


Border color

.myBorderColor { border: 1px solid #885A52; }

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

This div border color is #885A52.


Opacity

.myOpacity80 { color: #885A52; opacity: 0.8; }

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

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

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

This text has shadow with #885A52 color.

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

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

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


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

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

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


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #885A52; -webkit-box-shadow:	1px 1px 3px 2px #885A52; box-shadow:	1px 1px 3px 2px #885A52; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #885A52; -webkit-box-shadow: 1px 1px 3px 2px #885A52; box-shadow:1px 1px 3px 2px #885A52;">
Div content here</div>
This div box has shadow with color #885A52.

Preview

Color preview on black background

This text has color #885A52 on black background.


Color preview on white background

This text has color #885A52 on white background.



Black color preview on #885A52 background

This text has black color on #885A52 background.


White color preview on #885A52 background

This text has white color on #885A52 background.