COLOR #84310E

HEX: #84310E
RGB: (132,49,14)

Color info

#84310E contains mainly red color. Web safe color of #84310E is #993300 (or #930).

RGB color model

#84310E color RGB value is (132,49,14).

  • red value is 132;
  • green value is 49;
  • blue value is 14.
RGB:
(132,49,14)
(52%,19%,5%)

RGB channels and saturation

R 132 of 255 = 52%
G 49 of 255 = 19%
B 14 of 255 = 5%

132
49
14

R + G + B ~ 25%. #84310E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
132 + 49 + 14 = 195 (100%)
R 132 of 195 ~ 67.69%
G 49 of 195 ~ 25.13%
B 14 of 195 ~ 7.18%

%67.69
%25.13

CMYK color model

#84310E color CMYK value is (0,63,89,48).

  • cyan value is 0.00%
  • magenta value is 62.88%
  • yellow value is 89.39%
  • key color value is 48.24%
CMYK:
(0,63,89,48)
C0M63Y89K48 
(0%,63%,89%,48%)
(0.00/0.63/0.89/0.48)	

CMYK percentages

%0
%62.88
%89.39
%48.24

Codes

Color #84310E in popluar color models

84310E
RGB1324914
HSL18°80.82%28.63%
HSB/HSV18°89.39%51.76%
CMYK0.00%62.88%89.39%
48.24%

Color #84310E in popluar number systems.

HEX84310E
Decimal1324914
Binary100001001100011110
Octal2046116

Shades and tints

Shades of #84310E

#84310E
(132,49,14)
#782D0D
(120,45,13)
#6C290C
(108,41,12)
#60250B
(96,37,11)
#54210A
(84,33,10)
#481D09
(72,29,9)
#3C1908
(60,25,8)
#301507
(48,21,7)
#241106
(36,17,6)
#180D05
(24,13,5)
#0C0904
(12,9,4)
#000000
(0,0,0)

Tints of #84310E

#84310E
(132,49,14)
#8F4323
(143,67,35)
#9A5538
(154,85,56)
#A5674D
(165,103,77)
#B07962
(176,121,98)
#BB8B77
(187,139,119)
#C69D8C
(198,157,140)
#D1AFA1
(209,175,161)
#DCC1B6
(220,193,182)
#E7D3CB
(231,211,203)
#F2E5E0
(242,229,224)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #84310E color. Also use rgb(132,49,14) instead hex code.

Text Font Color

.myTextColor { color: #84310E; }

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

This text font color is #84310E.


Background Color

.myBgColor { background-color: #84310E; }

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

This div background color is #84310E.


Border color

.myBorderColor { border: 1px solid #84310E; }

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

This div border color is #84310E.


Opacity

.myOpacity80 { color: #84310E; opacity: 0.8; }

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

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

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

This text has shadow with #84310E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #84310E on black background.


Color preview on white background

This text has color #84310E on white background.



Black color preview on #84310E background

This text has black color on #84310E background.


White color preview on #84310E background

This text has white color on #84310E background.