Color #502160

Color info

#502160 contains mainly red and blue colors. Web safe color of #502160 is #663366 (or #636).

RGB color model

#502160 color RGB value is (80,33,96).

red value is 80;
green value is 33;
blue value is 96.

RGB: (80,33,96) (31%, 13%, 38%)

RGB channels and saturation

R 80 of 255 = 31%
G 33 of 255 = 13%
B 96 of 255 = 38%

80

33

96

R + G + B ~ 27%. #502160 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 80 + 33 + 96 = 209 (100%)
R 80 of 209 ~ 38.28%
G 33 of 209 ~ 15.79%
B 96 of 209 ~ 45.93'%

%38.28

%15.79

%45.93

CMYK color model

#502160 color CMYK value is (17,66,0,62).

cyan value is 16.67%
magenta value is 65.63%
yellow value is 0.00%
key color value is 62.35%

CMYK: (17,66,0,62)
C17M66Y0K62 (17%, 66%, 0%, 62%)
(0.17 / 0.66 / 0.00 / 0.62)

CMYK percentages

%16.67

%65.63

%0

%62.35

Codes

Color #502160 in popluar color models

	50	21	60
RGB	80	33	96
HSL	285°	48.84%	25.29%
HSB/HSV	285°	65.63%	37.65%
CMYK	16.67%	65.63%	0.00%
CMYK	62.35%

Color #502160 in popluar number systems.

HEX	50	21	60
Decimal	80	33	96
Binary	1010000	100001	1100000
Octal	120	41	140

Shades and tints

Shades of #502160

#502160
(80,33,96)

#491E58
(73,30,88)

#421B50
(66,27,80)

#3B1848
(59,24,72)

#341540
(52,21,64)

#2D1238
(45,18,56)

#260F30
(38,15,48)

#1F0C28
(31,12,40)

#180920
(24,9,32)

#110618
(17,6,24)

#0A0310
(10,3,16)

#000000
(0,0,0)

Tints of #502160

#502160
(80,33,96)

#5F356E
(95,53,110)

#6E497C
(110,73,124)

#7D5D8A
(125,93,138)

#8C7198
(140,113,152)

#9B85A6
(155,133,166)

#AA99B4
(170,153,180)

#B9ADC2
(185,173,194)

#C8C1D0
(200,193,208)

#D7D5DE
(215,213,222)

#E6E9EC
(230,233,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #502160 color. Also use rgb(80,33,96) instead hex code.

Text Font Color

.myTextColor { color: #502160; }

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

This text font color is #502160.

Background Color

.myBgColor { background-color: #502160; }

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

This div background color is #502160.

Border color

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

This div border color is #502160.

Opacity

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

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

This text has shadow with #502160 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #502160.