COLOR #846C51

HEX: #846C51
RGB: (132,108,81)

Color info

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

RGB color model

#846C51 color RGB value is (132,108,81).

  • red value is 132;
  • green value is 108;
  • blue value is 81.
RGB:
(132,108,81)
(52%,42%,32%)

RGB channels and saturation

R 132 of 255 = 52%
G 108 of 255 = 42%
B 81 of 255 = 32%

132
108
81

R + G + B ~ 42%. #846C51 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
132 + 108 + 81 = 321 (100%)
R 132 of 321 ~ 41.12%
G 108 of 321 ~ 33.64%
B 81 of 321 ~ 25.23%

%41.12
%33.64
%25.23

CMYK color model

#846C51 color CMYK value is (0,18,39,48).

  • cyan value is 0.00%
  • magenta value is 18.18%
  • yellow value is 38.64%
  • key color value is 48.24%
CMYK:
(0,18,39,48)
C0M18Y39K48 
(0%,18%,39%,48%)
(0.00/0.18/0.39/0.48)	

CMYK percentages

%0
%18.18
%38.64
%48.24

Codes

Color #846C51 in popluar color models

846C51
RGB13210881
HSL32°23.94%41.76%
HSB/HSV32°38.64%51.76%
CMYK0.00%18.18%38.64%
48.24%

Color #846C51 in popluar number systems.

HEX846C51
Decimal13210881
Binary1000010011011001010001
Octal204154121

Shades and tints

Shades of #846C51

#846C51
(132,108,81)
#78634A
(120,99,74)
#6C5A43
(108,90,67)
#60513C
(96,81,60)
#544835
(84,72,53)
#483F2E
(72,63,46)
#3C3627
(60,54,39)
#302D20
(48,45,32)
#242419
(36,36,25)
#181B12
(24,27,18)
#0C120B
(12,18,11)
#000000
(0,0,0)

Tints of #846C51

#846C51
(132,108,81)
#8F7960
(143,121,96)
#9A866F
(154,134,111)
#A5937E
(165,147,126)
#B0A08D
(176,160,141)
#BBAD9C
(187,173,156)
#C6BAAB
(198,186,171)
#D1C7BA
(209,199,186)
#DCD4C9
(220,212,201)
#E7E1D8
(231,225,216)
#F2EEE7
(242,238,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #846C51 color. Also use rgb(132,108,81) instead hex code.

Text Font Color

.myTextColor { color: #846C51; }

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

This text font color is #846C51.


Background Color

.myBgColor { background-color: #846C51; }

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

This div background color is #846C51.


Border color

.myBorderColor { border: 1px solid #846C51; }

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

This div border color is #846C51.


Opacity

.myOpacity80 { color: #846C51; opacity: 0.8; }

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

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

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

This text has shadow with #846C51 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #846C51 on black background.


Color preview on white background

This text has color #846C51 on white background.



Black color preview on #846C51 background

This text has black color on #846C51 background.


White color preview on #846C51 background

This text has white color on #846C51 background.