Color #48386E

Color info

#48386E contains red, green and blue colors in about the same proportion. Web safe color of #48386E is #333366 (or #336).

RGB color model

#48386E color RGB value is (72,56,110).

red value is 72;
green value is 56;
blue value is 110.

RGB: (72,56,110) (28%, 22%, 43%)

RGB channels and saturation

R 72 of 255 = 28%
G 56 of 255 = 22%
B 110 of 255 = 43%

72

56

110

R + G + B ~ 31%. #48386E is quite dark color.

Portions of RGB colors in percentages

R + G + B = 72 + 56 + 110 = 238 (100%)
R 72 of 238 ~ 30.25%
G 56 of 238 ~ 23.53%
B 110 of 238 ~ 46.22'%

%30.25

%23.53

%46.22

CMYK color model

#48386E color CMYK value is (35,49,0,57).

cyan value is 34.55%
magenta value is 49.09%
yellow value is 0.00%
key color value is 56.86%

CMYK: (35,49,0,57)
C35M49Y0K57 (35%, 49%, 0%, 57%)
(0.35 / 0.49 / 0.00 / 0.57)

CMYK percentages

%34.55

%49.09

%0

%56.86

Codes

Color #48386E in popluar color models

	48	38	6E
RGB	72	56	110
HSL	258°	32.53%	32.55%
HSB/HSV	258°	49.09%	43.14%
CMYK	34.55%	49.09%	0.00%
CMYK	56.86%

Color #48386E in popluar number systems.

HEX	48	38	6E
Decimal	72	56	110
Binary	1001000	111000	1101110
Octal	110	70	156

Shades and tints

Shades of #48386E

#48386E
(72,56,110)

#423364
(66,51,100)

#3C2E5A
(60,46,90)

#362950
(54,41,80)

#302446
(48,36,70)

#2A1F3C
(42,31,60)

#241A32
(36,26,50)

#1E1528
(30,21,40)

#18101E
(24,16,30)

#120B14
(18,11,20)

#0C060A
(12,6,10)

#000000
(0,0,0)

Tints of #48386E

#48386E
(72,56,110)

#584A7B
(88,74,123)

#685C88
(104,92,136)

#786E95
(120,110,149)

#8880A2
(136,128,162)

#9892AF
(152,146,175)

#A8A4BC
(168,164,188)

#B8B6C9
(184,182,201)

#C8C8D6
(200,200,214)

#D8DAE3
(216,218,227)

#E8ECF0
(232,236,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48386E color. Also use rgb(72,56,110) instead hex code.

Text Font Color

.myTextColor { color: #48386E; }

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

This text font color is #48386E.

Background Color

.myBgColor { background-color: #48386E; }

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

This div background color is #48386E.

Border color

.myBorderColor { border: 1px solid #48386E; }

This div border color is #48386E.

Opacity

.myOpacity80 { color: #48386E; opacity: 0.8; }

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

This text has shadow with #48386E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48386E.