Color #48286C

Color info

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

RGB color model

#48286C color RGB value is (72,40,108).

red value is 72;
green value is 40;
blue value is 108.

RGB: (72,40,108) (28%, 16%, 42%)

RGB channels and saturation

R 72 of 255 = 28%
G 40 of 255 = 16%
B 108 of 255 = 42%

72

40

108

R + G + B ~ 29%. #48286C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 72 + 40 + 108 = 220 (100%)
R 72 of 220 ~ 32.73%
G 40 of 220 ~ 18.18%
B 108 of 220 ~ 49.09'%

%32.73

%18.18

%49.09

CMYK color model

#48286C color CMYK value is (33,63,0,58).

cyan value is 33.33%
magenta value is 62.96%
yellow value is 0.00%
key color value is 57.65%

CMYK: (33,63,0,58)
C33M63Y0K58 (33%, 63%, 0%, 58%)
(0.33 / 0.63 / 0.00 / 0.58)

CMYK percentages

%33.33

%62.96

%0

%57.65

Codes

Color #48286C in popluar color models

	48	28	6C
RGB	72	40	108
HSL	268°	45.95%	29.02%
HSB/HSV	268°	62.96%	42.35%
CMYK	33.33%	62.96%	0.00%
CMYK	57.65%

Color #48286C in popluar number systems.

HEX	48	28	6C
Decimal	72	40	108
Binary	1001000	101000	1101100
Octal	110	50	154

Shades and tints

Shades of #48286C

#48286C
(72,40,108)

#422563
(66,37,99)

#3C225A
(60,34,90)

#361F51
(54,31,81)

#301C48
(48,28,72)

#2A193F
(42,25,63)

#241636
(36,22,54)

#1E132D
(30,19,45)

#181024
(24,16,36)

#120D1B
(18,13,27)

#0C0A12
(12,10,18)

#000000
(0,0,0)

Tints of #48286C

#48286C
(72,40,108)

#583B79
(88,59,121)

#684E86
(104,78,134)

#786193
(120,97,147)

#8874A0
(136,116,160)

#9887AD
(152,135,173)

#A89ABA
(168,154,186)

#B8ADC7
(184,173,199)

#C8C0D4
(200,192,212)

#D8D3E1
(216,211,225)

#E8E6EE
(232,230,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48286C color. Also use rgb(72,40,108) instead hex code.

Text Font Color

.myTextColor { color: #48286C; }

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

This text font color is #48286C.

Background Color

.myBgColor { background-color: #48286C; }

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

This div background color is #48286C.

Border color

.myBorderColor { border: 1px solid #48286C; }

This div border color is #48286C.

Opacity

.myOpacity80 { color: #48286C; opacity: 0.8; }

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

This text has shadow with #48286C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48286C.