Color #500B31

Color info

#500B31 contains mainly red and blue colors. Web safe color of #500B31 is #660033 (or #603).

RGB color model

#500B31 color RGB value is (80,11,49).

red value is 80;
green value is 11;
blue value is 49.

RGB:
(80,11,49)
(31%,4%,19%)

RGB channels and saturation

R 80 of 255 = 31%
G 11 of 255 = 4%
B 49 of 255 = 19%

R + G + B ~ 18%. #500B31 is dark color.

Portions of RGB colors in percentages

R + G + B =
80 + 11 + 49 = 140 (100%)
R 80 of 140 ~ 57.14%
G 11 of 140 ~ 7.86%
B 49 of 140 ~ 35%

%57.14

%35

CMYK color model

#500B31 color CMYK value is (0,86,39,69).

cyan value is 0.00%
magenta value is 86.25%
yellow value is 38.75%
key color value is 68.63%

CMYK:
(0,86,39,69)
C0M86Y39K69 
(0%,86%,39%,69%)
(0.00/0.86/0.39/0.69)

CMYK percentages

%86.25

%38.75

%68.63

Codes

Color #500B31 in popluar color models

	50	0B	31
RGB	80	11	49
HSL	327°	75.82%	17.84%
HSB/HSV	327°	86.25%	31.37%
CMYK	0.00%	86.25%	38.75%
CMYK	68.63%

Color #500B31 in popluar number systems.

HEX	50	0B	31
Decimal	80	11	49
Binary	1010000	1011	110001
Octal	120	13	61

Shades and tints

Shades of #500B31

#500B31
(80,11,49)

#490A2D
(73,10,45)

#420929
(66,9,41)

#3B0825
(59,8,37)

#340721
(52,7,33)

#2D061D
(45,6,29)

#260519
(38,5,25)

#1F0415
(31,4,21)

#180311
(24,3,17)

#11020D
(17,2,13)

#0A0109
(10,1,9)

#000000
(0,0,0)

Tints of #500B31

#500B31
(80,11,49)

#5F2143
(95,33,67)

#6E3755
(110,55,85)

#7D4D67
(125,77,103)

#8C6379
(140,99,121)

#9B798B
(155,121,139)

#AA8F9D
(170,143,157)

#B9A5AF
(185,165,175)

#C8BBC1
(200,187,193)

#D7D1D3
(215,209,211)

#E6E7E5
(230,231,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #500B31 color. Also use rgb(80,11,49) instead hex code.

Text Font Color

.myTextColor { color: #500B31; }

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

This text font color is #500B31.

Background Color

.myBgColor { background-color: #500B31; }

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

This div background color is #500B31.

Border color

.myBorderColor { border: 1px solid #500B31; }

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

This div border color is #500B31.

Opacity

.myOpacity80 { color: #500B31; opacity: 0.8; }

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

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

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

This text has shadow with #500B31 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #500B31.

Preview

Color preview on black background

This text has color #500B31 on black background.

Color preview on white background

This text has color #500B31 on white background.

Black color preview on #500B31 background

This text has black color on #500B31 background.

White color preview on #500B31 background

This text has white color on #500B31 background.