COLOR #826E2E

HEX: #826E2E
RGB: (130,110,46)

Color info

#826E2E contains mainly red and green colors. Web safe color of #826E2E is #996633 (or #963).

RGB color model

#826E2E color RGB value is (130,110,46).

  • red value is 130;
  • green value is 110;
  • blue value is 46.
RGB:
(130,110,46)
(51%,43%,18%)

RGB channels and saturation

R 130 of 255 = 51%
G 110 of 255 = 43%
B 46 of 255 = 18%

130
110
46

R + G + B ~ 37%. #826E2E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
130 + 110 + 46 = 286 (100%)
R 130 of 286 ~ 45.45%
G 110 of 286 ~ 38.46%
B 46 of 286 ~ 16.08%

%45.45
%38.46
%16.08

CMYK color model

#826E2E color CMYK value is (0,15,65,49).

  • cyan value is 0.00%
  • magenta value is 15.38%
  • yellow value is 64.62%
  • key color value is 49.02%
CMYK:
(0,15,65,49)
C0M15Y65K49 
(0%,15%,65%,49%)
(0.00/0.15/0.65/0.49)	

CMYK percentages

%0
%15.38
%64.62
%49.02

Codes

Color #826E2E in popluar color models

826E2E
RGB13011046
HSL46°47.73%34.51%
HSB/HSV46°64.62%50.98%
CMYK0.00%15.38%64.62%
49.02%

Color #826E2E in popluar number systems.

HEX826E2E
Decimal13011046
Binary100000101101110101110
Octal20215656

Shades and tints

Shades of #826E2E

#826E2E
(130,110,46)
#77642A
(119,100,42)
#6C5A26
(108,90,38)
#615022
(97,80,34)
#56461E
(86,70,30)
#4B3C1A
(75,60,26)
#403216
(64,50,22)
#352812
(53,40,18)
#2A1E0E
(42,30,14)
#1F140A
(31,20,10)
#140A06
(20,10,6)
#000000
(0,0,0)

Tints of #826E2E

#826E2E
(130,110,46)
#8D7B41
(141,123,65)
#988854
(152,136,84)
#A39567
(163,149,103)
#AEA27A
(174,162,122)
#B9AF8D
(185,175,141)
#C4BCA0
(196,188,160)
#CFC9B3
(207,201,179)
#DAD6C6
(218,214,198)
#E5E3D9
(229,227,217)
#F0F0EC
(240,240,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #826E2E color. Also use rgb(130,110,46) instead hex code.

Text Font Color

.myTextColor { color: #826E2E; }

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

This text font color is #826E2E.


Background Color

.myBgColor { background-color: #826E2E; }

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

This div background color is #826E2E.


Border color

.myBorderColor { border: 1px solid #826E2E; }

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

This div border color is #826E2E.


Opacity

.myOpacity80 { color: #826E2E; opacity: 0.8; }

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

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

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

This text has shadow with #826E2E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #826E2E on black background.


Color preview on white background

This text has color #826E2E on white background.



Black color preview on #826E2E background

This text has black color on #826E2E background.


White color preview on #826E2E background

This text has white color on #826E2E background.