Color #53497F

Color info

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

RGB color model

#53497F color RGB value is (83,73,127).

red value is 83;
green value is 73;
blue value is 127.

RGB: (83,73,127) (33%,29%,50%)

RGB channels and saturation

R 83 of 255 = 33%
G 73 of 255 = 29%
B 127 of 255 = 50%

127

R + G + B ~ 37%. #53497F is quite dark color.

Portions of RGB colors in percentages

R + G + B =
83 + 73 + 127 = 283 (100%)
R 83 of 283 ~ 29.33%
G 73 of 283 ~ 25.8%
B 127 of 283 ~ 44.88%

%29.33

%25.8

%44.88

CMYK color model

#53497F color CMYK value is (35,43,0,50).

cyan value is 34.65%
magenta value is 42.52%
yellow value is 0.00%
key color value is 50.20%

CMYK: (35,43,0,50) C35M43Y0K50 (35%,43%,0%,50%) (0.35/0.43/0.00/0.50)

CMYK percentages

%34.65

%42.52

%50.2

Codes

Color #53497F in popluar color models

	53	49	7F
RGB	83	73	127
HSL	251°	27.00%	39.22%
HSB/HSV	251°	42.52%	49.80%
CMYK	34.65%	42.52%	0.00%
CMYK	50.20%

Color #53497F in popluar number systems.

HEX	53	49	7F
Decimal	83	73	127
Binary	1010011	1001001	1111111
Octal	123	111	177

Shades and tints

Shades of #53497F

#53497F
(83,73,127)

#4C4374
(76,67,116)

#453D69
(69,61,105)

#3E375E
(62,55,94)

#373153
(55,49,83)

#302B48
(48,43,72)

#29253D
(41,37,61)

#221F32
(34,31,50)

#1B1927
(27,25,39)

#14131C
(20,19,28)

#0D0D11
(13,13,17)

#000000
(0,0,0)

Tints of #53497F

#53497F
(83,73,127)

#62598A
(98,89,138)

#716995
(113,105,149)

#8079A0
(128,121,160)

#8F89AB
(143,137,171)

#9E99B6
(158,153,182)

#ADA9C1
(173,169,193)

#BCB9CC
(188,185,204)

#CBC9D7
(203,201,215)

#DAD9E2
(218,217,226)

#E9E9ED
(233,233,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53497F color. Also use rgb(83,73,127) instead hex code.

Text Font Color

.myTextColor { color: #53497F; }

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

This text font color is #53497F.

Background Color

.myBgColor { background-color: #53497F; }

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

This div background color is #53497F.

Border color

.myBorderColor { border: 1px solid #53497F; }

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

This div border color is #53497F.

Opacity

.myOpacity80 { color: #53497F; opacity: 0.8; }

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

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

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

This text has shadow with #53497F color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #53497F; -webkit-box-shadow:	1px 1px 3px 2px #53497F; box-shadow:	1px 1px 3px 2px #53497F; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #53497F; -webkit-box-shadow: 1px 1px 3px 2px #53497F; box-shadow:1px 1px 3px 2px #53497F;">
Div content here</div>

This div box has shadow with color #53497F.

Preview

Color preview on black background

This text has color #53497F on black background.

Color preview on white background

This text has color #53497F on white background.

Black color preview on #53497F background

This text has black color on #53497F background.

White color preview on #53497F background

This text has white color on #53497F background.