Color #48216A

Color info

#48216A contains mainly red and blue colors. Web safe color of #48216A is #333366 (or #336).

RGB color model

#48216A color RGB value is (72,33,106).

red value is 72;
green value is 33;
blue value is 106.

RGB: (72,33,106) (28%, 13%, 42%)

RGB channels and saturation

R 72 of 255 = 28%
G 33 of 255 = 13%
B 106 of 255 = 42%

72

33

106

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

Portions of RGB colors in percentages

R + G + B = 72 + 33 + 106 = 211 (100%)
R 72 of 211 ~ 34.12%
G 33 of 211 ~ 15.64%
B 106 of 211 ~ 50.24'%

%34.12

%15.64

%50.24

CMYK color model

#48216A color CMYK value is (32,69,0,58).

cyan value is 32.08%
magenta value is 68.87%
yellow value is 0.00%
key color value is 58.43%

CMYK: (32,69,0,58)
C32M69Y0K58 (32%, 69%, 0%, 58%)
(0.32 / 0.69 / 0.00 / 0.58)

CMYK percentages

%32.08

%68.87

%0

%58.43

Codes

Color #48216A in popluar color models

	48	21	6A
RGB	72	33	106
HSL	272°	52.52%	27.25%
HSB/HSV	272°	68.87%	41.57%
CMYK	32.08%	68.87%	0.00%
CMYK	58.43%

Color #48216A in popluar number systems.

HEX	48	21	6A
Decimal	72	33	106
Binary	1001000	100001	1101010
Octal	110	41	152

Shades and tints

Shades of #48216A

#48216A
(72,33,106)

#421E61
(66,30,97)

#3C1B58
(60,27,88)

#36184F
(54,24,79)

#301546
(48,21,70)

#2A123D
(42,18,61)

#240F34
(36,15,52)

#1E0C2B
(30,12,43)

#180922
(24,9,34)

#120619
(18,6,25)

#0C0310
(12,3,16)

#000000
(0,0,0)

Tints of #48216A

#48216A
(72,33,106)

#583577
(88,53,119)

#684984
(104,73,132)

#785D91
(120,93,145)

#88719E
(136,113,158)

#9885AB
(152,133,171)

#A899B8
(168,153,184)

#B8ADC5
(184,173,197)

#C8C1D2
(200,193,210)

#D8D5DF
(216,213,223)

#E8E9EC
(232,233,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48216A color. Also use rgb(72,33,106) instead hex code.

Text Font Color

.myTextColor { color: #48216A; }

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

This text font color is #48216A.

Background Color

.myBgColor { background-color: #48216A; }

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

This div background color is #48216A.

Border color

.myBorderColor { border: 1px solid #48216A; }

This div border color is #48216A.

Opacity

.myOpacity80 { color: #48216A; opacity: 0.8; }

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

This text has shadow with #48216A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48216A.