Color #B3393C

Color info

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

RGB color model

#B3393C color RGB value is (179,57,60).

red value is 179;
green value is 57;
blue value is 60.

RGB:
(179,57,60)
(70%,22%,24%)

RGB channels and saturation

R 179 of 255 = 70%
G 57 of 255 = 22%
B 60 of 255 = 24%

179

R + G + B ~ 39%. #B3393C is quite dark color.

Portions of RGB colors in percentages

R + G + B =
179 + 57 + 60 = 296 (100%)
R 179 of 296 ~ 60.47%
G 57 of 296 ~ 19.26%
B 60 of 296 ~ 20.27%

%60.47

%19.26

%20.27

CMYK color model

#B3393C color CMYK value is (0,68,66,30).

cyan value is 0.00%
magenta value is 68.16%
yellow value is 66.48%
key color value is 29.80%

CMYK:
(0,68,66,30)
C0M68Y66K30 
(0%,68%,66%,30%)
(0.00/0.68/0.66/0.30)

CMYK percentages

%68.16

%66.48

%29.8

Codes

Color #B3393C in popluar color models

	B3	39	3C
RGB	179	57	60
HSL	359°	51.69%	46.27%
HSB/HSV	359°	68.16%	70.20%
CMYK	0.00%	68.16%	66.48%
CMYK	29.80%

Color #B3393C in popluar number systems.

HEX	B3	39	3C
Decimal	179	57	60
Binary	10110011	111001	111100
Octal	263	71	74

Shades and tints

Shades of #B3393C

#B3393C
(179,57,60)

#A33437
(163,52,55)

#932F32
(147,47,50)

#832A2D
(131,42,45)

#732528
(115,37,40)

#632023
(99,32,35)

#531B1E
(83,27,30)

#431619
(67,22,25)

#331114
(51,17,20)

#230C0F
(35,12,15)

#13070A
(19,7,10)

#000000
(0,0,0)

Tints of #B3393C

#B3393C
(179,57,60)

#B94B4D
(185,75,77)

#BF5D5E
(191,93,94)

#C56F6F
(197,111,111)

#CB8180
(203,129,128)

#D19391
(209,147,145)

#D7A5A2
(215,165,162)

#DDB7B3
(221,183,179)

#E3C9C4
(227,201,196)

#E9DBD5
(233,219,213)

#EFEDE6
(239,237,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B3393C color. Also use rgb(179,57,60) instead hex code.

Text Font Color

.myTextColor { color: #B3393C; }

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

This text font color is #B3393C.

Background Color

.myBgColor { background-color: #B3393C; }

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

This div background color is #B3393C.

Border color

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

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

This div border color is #B3393C.

Opacity

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

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

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

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

This text has shadow with #B3393C color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B3393C.

Preview

Color preview on black background

This text has color #B3393C on black background.

Color preview on white background

This text has color #B3393C on white background.

Black color preview on #B3393C background

This text has black color on #B3393C background.

White color preview on #B3393C background

This text has white color on #B3393C background.