Color #836425

Color info

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

RGB color model

#836425 color RGB value is (131,100,37).

red value is 131;
green value is 100;
blue value is 37.

RGB:
(131,100,37)
(51%,39%,15%)

RGB channels and saturation

R 131 of 255 = 51%
G 100 of 255 = 39%
B 37 of 255 = 15%

131

100

R + G + B ~ 35%. #836425 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
131 + 100 + 37 = 268 (100%)
R 131 of 268 ~ 48.88%
G 100 of 268 ~ 37.31%
B 37 of 268 ~ 13.81%

%48.88

%37.31

%13.81

CMYK color model

#836425 color CMYK value is (0,24,72,49).

cyan value is 0.00%
magenta value is 23.66%
yellow value is 71.76%
key color value is 48.63%

CMYK:
(0,24,72,49)
C0M24Y72K49 
(0%,24%,72%,49%)
(0.00/0.24/0.72/0.49)

CMYK percentages

%23.66

%71.76

%48.63

Codes

Color #836425 in popluar color models

	83	64	25
RGB	131	100	37
HSL	40°	55.95%	32.94%
HSB/HSV	40°	71.76%	51.37%
CMYK	0.00%	23.66%	71.76%
CMYK	48.63%

Color #836425 in popluar number systems.

HEX	83	64	25
Decimal	131	100	37
Binary	10000011	1100100	100101
Octal	203	144	45

Shades and tints

Shades of #836425

#836425
(131,100,37)

#785B22
(120,91,34)

#6D521F
(109,82,31)

#62491C
(98,73,28)

#574019
(87,64,25)

#4C3716
(76,55,22)

#412E13
(65,46,19)

#362510
(54,37,16)

#2B1C0D
(43,28,13)

#20130A
(32,19,10)

#150A07
(21,10,7)

#000000
(0,0,0)

Tints of #836425

#836425
(131,100,37)

#8E7238
(142,114,56)

#99804B
(153,128,75)

#A48E5E
(164,142,94)

#AF9C71
(175,156,113)

#BAAA84
(186,170,132)

#C5B897
(197,184,151)

#D0C6AA
(208,198,170)

#DBD4BD
(219,212,189)

#E6E2D0
(230,226,208)

#F1F0E3
(241,240,227)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #836425 color. Also use rgb(131,100,37) instead hex code.

Text Font Color

.myTextColor { color: #836425; }

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

This text font color is #836425.

Background Color

.myBgColor { background-color: #836425; }

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

This div background color is #836425.

Border color

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

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

This div border color is #836425.

Opacity

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

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

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

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

This text has shadow with #836425 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #836425.

Preview

Color preview on black background

This text has color #836425 on black background.

Color preview on white background

This text has color #836425 on white background.

Black color preview on #836425 background

This text has black color on #836425 background.

White color preview on #836425 background

This text has white color on #836425 background.