COLOR #827570

HEX: #827570
RGB: (130,117,112)

Color info

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

RGB color model

#827570 color RGB value is (130,117,112).

  • red value is 130;
  • green value is 117;
  • blue value is 112.
RGB:
(130,117,112)
(51%,46%,44%)

RGB channels and saturation

R 130 of 255 = 51%
G 117 of 255 = 46%
B 112 of 255 = 44%

130
117
112

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

Portions of RGB colors in percentages

R + G + B =
130 + 117 + 112 = 359 (100%)
R 130 of 359 ~ 36.21%
G 117 of 359 ~ 32.59%
B 112 of 359 ~ 31.2%

%36.21
%32.59
%31.2

CMYK color model

#827570 color CMYK value is (0,10,14,49).

  • cyan value is 0.00%
  • magenta value is 10.00%
  • yellow value is 13.85%
  • key color value is 49.02%
CMYK:
(0,10,14,49)
C0M10Y14K49 
(0%,10%,14%,49%)
(0.00/0.10/0.14/0.49)	

CMYK percentages

%0
%10
%13.85
%49.02

Codes

Color #827570 in popluar color models

827570
RGB130117112
HSL17°7.44%47.45%
HSB/HSV17°13.85%50.98%
CMYK0.00%10.00%13.85%
49.02%

Color #827570 in popluar number systems.

HEX827570
Decimal130117112
Binary1000001011101011110000
Octal202165160

Shades and tints

Shades of #827570

#827570
(130,117,112)
#776B66
(119,107,102)
#6C615C
(108,97,92)
#615752
(97,87,82)
#564D48
(86,77,72)
#4B433E
(75,67,62)
#403934
(64,57,52)
#352F2A
(53,47,42)
#2A2520
(42,37,32)
#1F1B16
(31,27,22)
#14110C
(20,17,12)
#000000
(0,0,0)

Tints of #827570

#827570
(130,117,112)
#8D817D
(141,129,125)
#988D8A
(152,141,138)
#A39997
(163,153,151)
#AEA5A4
(174,165,164)
#B9B1B1
(185,177,177)
#C4BDBE
(196,189,190)
#CFC9CB
(207,201,203)
#DAD5D8
(218,213,216)
#E5E1E5
(229,225,229)
#F0EDF2
(240,237,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #827570 color. Also use rgb(130,117,112) instead hex code.

Text Font Color

.myTextColor { color: #827570; }

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

This text font color is #827570.


Background Color

.myBgColor { background-color: #827570; }

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

This div background color is #827570.


Border color

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

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

This div border color is #827570.


Opacity

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

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

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

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

This text has shadow with #827570 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #827570 on black background.


Color preview on white background

This text has color #827570 on white background.



Black color preview on #827570 background

This text has black color on #827570 background.


White color preview on #827570 background

This text has white color on #827570 background.