Color #B14243

Color info

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

RGB color model

#B14243 color RGB value is (177,66,67).

red value is 177;
green value is 66;
blue value is 67.

RGB:
(177,66,67)
(69%,26%,26%)

RGB channels and saturation

R 177 of 255 = 69%
G 66 of 255 = 26%
B 67 of 255 = 26%

177

R + G + B ~ 40%. #B14243 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
177 + 66 + 67 = 310 (100%)
R 177 of 310 ~ 57.1%
G 66 of 310 ~ 21.29%
B 67 of 310 ~ 21.61%

%57.1

%21.29

%21.61

CMYK color model

#B14243 color CMYK value is (0,63,62,31).

cyan value is 0.00%
magenta value is 62.71%
yellow value is 62.15%
key color value is 30.59%

CMYK:
(0,63,62,31)
C0M63Y62K31 
(0%,63%,62%,31%)
(0.00/0.63/0.62/0.31)

CMYK percentages

%62.71

%62.15

%30.59

Codes

Color #B14243 in popluar color models

	B1	42	43
RGB	177	66	67
HSL	359°	45.68%	47.65%
HSB/HSV	359°	62.71%	69.41%
CMYK	0.00%	62.71%	62.15%
CMYK	30.59%

Color #B14243 in popluar number systems.

HEX	B1	42	43
Decimal	177	66	67
Binary	10110001	1000010	1000011
Octal	261	102	103

Shades and tints

Shades of #B14243

#B14243
(177,66,67)

#A13C3D
(161,60,61)

#913637
(145,54,55)

#813031
(129,48,49)

#712A2B
(113,42,43)

#612425
(97,36,37)

#511E1F
(81,30,31)

#411819
(65,24,25)

#311213
(49,18,19)

#210C0D
(33,12,13)

#110607
(17,6,7)

#000000
(0,0,0)

Tints of #B14243

#B14243
(177,66,67)

#B85354
(184,83,84)

#BF6465
(191,100,101)

#C67576
(198,117,118)

#CD8687
(205,134,135)

#D49798
(212,151,152)

#DBA8A9
(219,168,169)

#E2B9BA
(226,185,186)

#E9CACB
(233,202,203)

#F0DBDC
(240,219,220)

#F7ECED
(247,236,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B14243 color. Also use rgb(177,66,67) instead hex code.

Text Font Color

.myTextColor { color: #B14243; }

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

This text font color is #B14243.

Background Color

.myBgColor { background-color: #B14243; }

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

This div background color is #B14243.

Border color

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

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

This div border color is #B14243.

Opacity

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

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

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

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

This text has shadow with #B14243 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B14243.

Preview

Color preview on black background

This text has color #B14243 on black background.

Color preview on white background

This text has color #B14243 on white background.

Black color preview on #B14243 background

This text has black color on #B14243 background.

White color preview on #B14243 background

This text has white color on #B14243 background.