COLOR #501017

HEX: #501017 RGB: (80,16,23)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#501017 contains mainly red and blue colors. Web safe color of #501017 is #660000 (or #600).

RGB color model

#501017 color RGB value is (80,16,23).

red value is 80;
green value is 16;
blue value is 23.

RGB: (80,16,23) (31%, 6%, 9%)

RGB channels and saturation

R 80 of 255 = 31%
G 16 of 255 = 6%
B 23 of 255 = 9%

R + G + B ~ 15%. #501017 is dark color.

Portions of RGB colors in percentages

R + G + B = 80 + 16 + 23 = 119 (100%)
R 80 of 119 ~ 67.23%
G 16 of 119 ~ 13.45%
B 23 of 119 ~ 19.33'%

%67.23

%13.45

%19.33

CMYK color model

#501017 color CMYK value is (0,80,71,69).

cyan value is 0.00%
magenta value is 80.00%
yellow value is 71.25%
key color value is 68.63%

CMYK: (0,80,71,69) C0M80Y71K69 (0%,80%,71%,69%) (0.00/0.80/0.71/0.69)

CMYK percentages

%80

%71.25

%68.63

Codes

Color #501017 in popluar color models

	50	10	17
RGB	80	16	23
HSL	353°	66.67%	18.82%
HSB/HSV	353°	80.00%	31.37%
CMYK	0.00%	80.00%	71.25%
CMYK	68.63%

Color #501017 in popluar number systems.

HEX	50	10	17
Decimal	80	16	23
Binary	1010000	10000	10111
Octal	120	20	27

Shades and tints

Shades of #501017

#501017
(80,16,23)

#490F15
(73,15,21)

#420E13
(66,14,19)

#3B0D11
(59,13,17)

#340C0F
(52,12,15)

#2D0B0D
(45,11,13)

#260A0B
(38,10,11)

#1F0909
(31,9,9)

#180807
(24,8,7)

#110705
(17,7,5)

#0A0603
(10,6,3)

#000000
(0,0,0)

Tints of #501017

#501017
(80,16,23)

#5F252C
(95,37,44)

#6E3A41
(110,58,65)

#7D4F56
(125,79,86)

#8C646B
(140,100,107)

#9B7980
(155,121,128)

#AA8E95
(170,142,149)

#B9A3AA
(185,163,170)

#C8B8BF
(200,184,191)

#D7CDD4
(215,205,212)

#E6E2E9
(230,226,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #501017 color. Also use rgb(80,16,23) instead hex code.

Text Font Color

.myTextColor { color: #501017; }

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

This text font color is #501017.

Background Color

.myBgColor { background-color: #501017; }

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

This div background color is #501017.

Border color

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

This div border color is #501017.

Opacity

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

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

This text has shadow with #501017 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #501017.