COLOR #785332

HEX: #785332
RGB: (120,83,50)

Color info

#785332 contains mainly red and green colors. Web safe color of #785332 is #666633 (or #663).

RGB color model

#785332 color RGB value is (120,83,50).

  • red value is 120;
  • green value is 83;
  • blue value is 50.
RGB: (120,83,50) (47%,33%,20%)

RGB channels and saturation

R 120 of 255 = 47%
G 83 of 255 = 33%
B 50 of 255 = 20%

120
83
50

R + G + B ~ 33%. #785332 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
120 + 83 + 50 = 253 (100%)
R 120 of 253 ~ 47.43%
G 83 of 253 ~ 32.81%
B 50 of 253 ~ 19.76%

%47.43
%32.81
%19.76

CMYK color model

#785332 color CMYK value is (0,31,58,53).

  • cyan value is 0.00%
  • magenta value is 30.83%
  • yellow value is 58.33%
  • key color value is 52.94%
CMYK: (0,31,58,53) C0M31Y58K53 (0%,31%,58%,53%) (0.00/0.31/0.58/0.53)

CMYK percentages

%0
%30.83
%58.33
%52.94

Codes

Color #785332 in popluar color models

785332
RGB1208350
HSL28°41.18%33.33%
HSB/HSV28°58.33%47.06%
CMYK0.00%30.83%58.33%
52.94%

Color #785332 in popluar number systems.

HEX785332
Decimal1208350
Binary11110001010011110010
Octal17012362

Shades and tints

Shades of #785332

#785332
(120,83,50)
#6E4C2E
(110,76,46)
#64452A
(100,69,42)
#5A3E26
(90,62,38)
#503722
(80,55,34)
#46301E
(70,48,30)
#3C291A
(60,41,26)
#322216
(50,34,22)
#281B12
(40,27,18)
#1E140E
(30,20,14)
#140D0A
(20,13,10)
#000000
(0,0,0)

Tints of #785332

#785332
(120,83,50)
#846244
(132,98,68)
#907156
(144,113,86)
#9C8068
(156,128,104)
#A88F7A
(168,143,122)
#B49E8C
(180,158,140)
#C0AD9E
(192,173,158)
#CCBCB0
(204,188,176)
#D8CBC2
(216,203,194)
#E4DAD4
(228,218,212)
#F0E9E6
(240,233,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #785332 color. Also use rgb(120,83,50) instead hex code.

Text Font Color

.myTextColor { color: #785332; }

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

This text font color is #785332.


Background Color

.myBgColor { background-color: #785332; }

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

This div background color is #785332.


Border color

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

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

This div border color is #785332.


Opacity

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

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

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

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

This text has shadow with #785332 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #785332 on black background.


Color preview on white background

This text has color #785332 on white background.



Black color preview on #785332 background

This text has black color on #785332 background.


White color preview on #785332 background

This text has white color on #785332 background.