Color #511648

Color info

#511648 contains red, green and blue colors in about the same proportion. Web safe color of #511648 is #660033 (or #603).

RGB color model

#511648 color RGB value is (81,22,72).

red value is 81;
green value is 22;
blue value is 72.

RGB: (81,22,72) (32%,9%,28%)

RGB channels and saturation

R 81 of 255 = 32%
G 22 of 255 = 9%
B 72 of 255 = 28%

R + G + B ~ 23%. #511648 is dark color.

Portions of RGB colors in percentages

R + G + B =
81 + 22 + 72 = 175 (100%)
R 81 of 175 ~ 46.29%
G 22 of 175 ~ 12.57%
B 72 of 175 ~ 41.14%

%46.29

%12.57

%41.14

CMYK color model

#511648 color CMYK value is (0,73,11,68).

cyan value is 0.00%
magenta value is 72.84%
yellow value is 11.11%
key color value is 68.24%

CMYK: (0,73,11,68) C0M73Y11K68 (0%,73%,11%,68%) (0.00/0.73/0.11/0.68)

CMYK percentages

%72.84

%11.11

%68.24

Codes

Color #511648 in popluar color models

	51	16	48
RGB	81	22	72
HSL	309°	57.28%	20.20%
HSB/HSV	309°	72.84%	31.76%
CMYK	0.00%	72.84%	11.11%
CMYK	68.24%

Color #511648 in popluar number systems.

HEX	51	16	48
Decimal	81	22	72
Binary	1010001	10110	1001000
Octal	121	26	110

Shades and tints

Shades of #511648

#511648
(81,22,72)

#4A1442
(74,20,66)

#43123C
(67,18,60)

#3C1036
(60,16,54)

#350E30
(53,14,48)

#2E0C2A
(46,12,42)

#270A24
(39,10,36)

#20081E
(32,8,30)

#190618
(25,6,24)

#120412
(18,4,18)

#0B020C
(11,2,12)

#000000
(0,0,0)

Tints of #511648

#511648
(81,22,72)

#602B58
(96,43,88)

#6F4068
(111,64,104)

#7E5578
(126,85,120)

#8D6A88
(141,106,136)

#9C7F98
(156,127,152)

#AB94A8
(171,148,168)

#BAA9B8
(186,169,184)

#C9BEC8
(201,190,200)

#D8D3D8
(216,211,216)

#E7E8E8
(231,232,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #511648 color. Also use rgb(81,22,72) instead hex code.

Text Font Color

.myTextColor { color: #511648; }

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

This text font color is #511648.

Background Color

.myBgColor { background-color: #511648; }

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

This div background color is #511648.

Border color

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

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

This div border color is #511648.

Opacity

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

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

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

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

This text has shadow with #511648 color.

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

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

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

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

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

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

Div box shadow color

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

This div box has shadow with color #511648.

Preview

Color preview on black background

This text has color #511648 on black background.

Color preview on white background

This text has color #511648 on white background.

Black color preview on #511648 background

This text has black color on #511648 background.

White color preview on #511648 background

This text has white color on #511648 background.