Color #503253

Color info

#503253 contains red, green and blue colors in about the same proportion. Web safe color of #503253 is #663366 (or #636).

RGB color model

#503253 color RGB value is (80,50,83).

red value is 80;
green value is 50;
blue value is 83.

RGB: (80,50,83) (31%, 20%, 33%)

RGB channels and saturation

R 80 of 255 = 31%
G 50 of 255 = 20%
B 83 of 255 = 33%

80

50

83

R + G + B ~ 28%. #503253 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 80 + 50 + 83 = 213 (100%)
R 80 of 213 ~ 37.56%
G 50 of 213 ~ 23.47%
B 83 of 213 ~ 38.97'%

%37.56

%23.47

%38.97

CMYK color model

#503253 color CMYK value is (4,40,0,67).

cyan value is 3.61%
magenta value is 39.76%
yellow value is 0.00%
key color value is 67.45%

CMYK: (4,40,0,67)
C4M40Y0K67 (4%, 40%, 0%, 67%)
(0.04 / 0.40 / 0.00 / 0.67)

CMYK percentages

%3.61

%39.76

%0

%67.45

Codes

Color #503253 in popluar color models

	50	32	53
RGB	80	50	83
HSL	295°	24.81%	26.08%
HSB/HSV	295°	39.76%	32.55%
CMYK	3.61%	39.76%	0.00%
CMYK	67.45%

Color #503253 in popluar number systems.

HEX	50	32	53
Decimal	80	50	83
Binary	1010000	110010	1010011
Octal	120	62	123

Shades and tints

Shades of #503253

#503253
(80,50,83)

#492E4C
(73,46,76)

#422A45
(66,42,69)

#3B263E
(59,38,62)

#342237
(52,34,55)

#2D1E30
(45,30,48)

#261A29
(38,26,41)

#1F1622
(31,22,34)

#18121B
(24,18,27)

#110E14
(17,14,20)

#0A0A0D
(10,10,13)

#000000
(0,0,0)

Tints of #503253

#503253
(80,50,83)

#5F4462
(95,68,98)

#6E5671
(110,86,113)

#7D6880
(125,104,128)

#8C7A8F
(140,122,143)

#9B8C9E
(155,140,158)

#AA9EAD
(170,158,173)

#B9B0BC
(185,176,188)

#C8C2CB
(200,194,203)

#D7D4DA
(215,212,218)

#E6E6E9
(230,230,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #503253 color. Also use rgb(80,50,83) instead hex code.

Text Font Color

.myTextColor { color: #503253; }

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

This text font color is #503253.

Background Color

.myBgColor { background-color: #503253; }

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

This div background color is #503253.

Border color

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

This div border color is #503253.

Opacity

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

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

This text has shadow with #503253 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #503253.