COLOR #B34B1C

HEX: #B34B1C
RGB: (179,75,28)

Color info

#B34B1C contains mainly red color. Web safe color of #B34B1C is #993333 (or #933).

RGB color model

#B34B1C color RGB value is (179,75,28).

  • red value is 179;
  • green value is 75;
  • blue value is 28.
RGB:
(179,75,28)
(70%,29%,11%)

RGB channels and saturation

R 179 of 255 = 70%
G 75 of 255 = 29%
B 28 of 255 = 11%

179
75
28

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

Portions of RGB colors in percentages

R + G + B =
179 + 75 + 28 = 282 (100%)
R 179 of 282 ~ 63.48%
G 75 of 282 ~ 26.6%
B 28 of 282 ~ 9.93%

%63.48
%26.6
%9.93

CMYK color model

#B34B1C color CMYK value is (0,58,84,30).

  • cyan value is 0.00%
  • magenta value is 58.10%
  • yellow value is 84.36%
  • key color value is 29.80%
CMYK:
(0,58,84,30)
C0M58Y84K30 
(0%,58%,84%,30%)
(0.00/0.58/0.84/0.30)	

CMYK percentages

%0
%58.1
%84.36
%29.8

Codes

Color #B34B1C in popluar color models

B34B1C
RGB1797528
HSL19°72.95%40.59%
HSB/HSV19°84.36%70.20%
CMYK0.00%58.10%84.36%
29.80%

Color #B34B1C in popluar number systems.

HEXB34B1C
Decimal1797528
Binary10110011100101111100
Octal26311334

Shades and tints

Shades of #B34B1C

#B34B1C
(179,75,28)
#A3451A
(163,69,26)
#933F18
(147,63,24)
#833916
(131,57,22)
#733314
(115,51,20)
#632D12
(99,45,18)
#532710
(83,39,16)
#43210E
(67,33,14)
#331B0C
(51,27,12)
#23150A
(35,21,10)
#130F08
(19,15,8)
#000000
(0,0,0)

Tints of #B34B1C

#B34B1C
(179,75,28)
#B95B30
(185,91,48)
#BF6B44
(191,107,68)
#C57B58
(197,123,88)
#CB8B6C
(203,139,108)
#D19B80
(209,155,128)
#D7AB94
(215,171,148)
#DDBBA8
(221,187,168)
#E3CBBC
(227,203,188)
#E9DBD0
(233,219,208)
#EFEBE4
(239,235,228)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B34B1C color. Also use rgb(179,75,28) instead hex code.

Text Font Color

.myTextColor { color: #B34B1C; }

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

This text font color is #B34B1C.


Background Color

.myBgColor { background-color: #B34B1C; }

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

This div background color is #B34B1C.


Border color

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

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

This div border color is #B34B1C.


Opacity

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

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

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

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

This text has shadow with #B34B1C color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B34B1C on black background.


Color preview on white background

This text has color #B34B1C on white background.



Black color preview on #B34B1C background

This text has black color on #B34B1C background.


White color preview on #B34B1C background

This text has white color on #B34B1C background.