Color #48093E

Color info

#48093E contains mainly red and blue colors. Web safe color of #48093E is #330033 (or #303).

RGB color model

#48093E color RGB value is (72,9,62).

red value is 72;
green value is 9;
blue value is 62.

RGB:
(72,9,62)
(28%,4%,24%)

RGB channels and saturation

R 72 of 255 = 28%
G 9 of 255 = 4%
B 62 of 255 = 24%

R + G + B ~ 19%. #48093E is dark color.

Portions of RGB colors in percentages

R + G + B =
72 + 9 + 62 = 143 (100%)
R 72 of 143 ~ 50.35%
G 9 of 143 ~ 6.29%
B 62 of 143 ~ 43.36%

%50.35

%43.36

CMYK color model

#48093E color CMYK value is (0,88,14,72).

cyan value is 0.00%
magenta value is 87.50%
yellow value is 13.89%
key color value is 71.76%

CMYK:
(0,88,14,72)
C0M88Y14K72 
(0%,88%,14%,72%)
(0.00/0.88/0.14/0.72)

CMYK percentages

%87.5

%13.89

%71.76

Codes

Color #48093E in popluar color models

	48	09	3E
RGB	72	9	62
HSL	310°	77.78%	15.88%
HSB/HSV	310°	87.50%	28.24%
CMYK	0.00%	87.50%	13.89%
CMYK	71.76%

Color #48093E in popluar number systems.

HEX	48	09	3E
Decimal	72	9	62
Binary	1001000	1001	111110
Octal	110	11	76

Shades and tints

Shades of #48093E

#48093E
(72,9,62)

#420939
(66,9,57)

#3C0934
(60,9,52)

#36092F
(54,9,47)

#30092A
(48,9,42)

#2A0925
(42,9,37)

#240920
(36,9,32)

#1E091B
(30,9,27)

#180916
(24,9,22)

#120911
(18,9,17)

#0C090C
(12,9,12)

#000000
(0,0,0)

Tints of #48093E

#48093E
(72,9,62)

#581F4F
(88,31,79)

#683560
(104,53,96)

#784B71
(120,75,113)

#886182
(136,97,130)

#987793
(152,119,147)

#A88DA4
(168,141,164)

#B8A3B5
(184,163,181)

#C8B9C6
(200,185,198)

#D8CFD7
(216,207,215)

#E8E5E8
(232,229,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48093E color. Also use rgb(72,9,62) instead hex code.

Text Font Color

.myTextColor { color: #48093E; }

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

This text font color is #48093E.

Background Color

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

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

This div background color is #48093E.

Border color

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

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

This div border color is #48093E.

Opacity

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

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

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

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

This text has shadow with #48093E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48093E.

Preview

Color preview on black background

This text has color #48093E on black background.

Color preview on white background

This text has color #48093E on white background.

Black color preview on #48093E background

This text has black color on #48093E background.

White color preview on #48093E background

This text has white color on #48093E background.