Color #733448

Color info

#733448 contains mainly red and blue colors. Web safe color of #733448 is #663333 (or #633).

RGB color model

#733448 color RGB value is (115,52,72).

red value is 115;
green value is 52;
blue value is 72.

RGB:
(115,52,72)
(45%,20%,28%)

RGB channels and saturation

R 115 of 255 = 45%
G 52 of 255 = 20%
B 72 of 255 = 28%

115

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

Portions of RGB colors in percentages

R + G + B =
115 + 52 + 72 = 239 (100%)
R 115 of 239 ~ 48.12%
G 52 of 239 ~ 21.76%
B 72 of 239 ~ 30.13%

%48.12

%21.76

%30.13

CMYK color model

#733448 color CMYK value is (0,55,37,55).

cyan value is 0.00%
magenta value is 54.78%
yellow value is 37.39%
key color value is 54.90%

CMYK:
(0,55,37,55)
C0M55Y37K55 
(0%,55%,37%,55%)
(0.00/0.55/0.37/0.55)

CMYK percentages

%54.78

%37.39

%54.9

Codes

Color #733448 in popluar color models

	73	34	48
RGB	115	52	72
HSL	341°	37.72%	32.75%
HSB/HSV	341°	54.78%	45.10%
CMYK	0.00%	54.78%	37.39%
CMYK	54.90%

Color #733448 in popluar number systems.

HEX	73	34	48
Decimal	115	52	72
Binary	1110011	110100	1001000
Octal	163	64	110

Shades and tints

Shades of #733448

#733448
(115,52,72)

#693042
(105,48,66)

#5F2C3C
(95,44,60)

#552836
(85,40,54)

#4B2430
(75,36,48)

#41202A
(65,32,42)

#371C24
(55,28,36)

#2D181E
(45,24,30)

#231418
(35,20,24)

#191012
(25,16,18)

#0F0C0C
(15,12,12)

#000000
(0,0,0)

Tints of #733448

#733448
(115,52,72)

#7F4658
(127,70,88)

#8B5868
(139,88,104)

#976A78
(151,106,120)

#A37C88
(163,124,136)

#AF8E98
(175,142,152)

#BBA0A8
(187,160,168)

#C7B2B8
(199,178,184)

#D3C4C8
(211,196,200)

#DFD6D8
(223,214,216)

#EBE8E8
(235,232,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #733448 color. Also use rgb(115,52,72) instead hex code.

Text Font Color

.myTextColor { color: #733448; }

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

This text font color is #733448.

Background Color

.myBgColor { background-color: #733448; }

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

This div background color is #733448.

Border color

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

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

This div border color is #733448.

Opacity

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

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

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

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

This text has shadow with #733448 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #733448.

Preview

Color preview on black background

This text has color #733448 on black background.

Color preview on white background

This text has color #733448 on white background.

Black color preview on #733448 background

This text has black color on #733448 background.

White color preview on #733448 background

This text has white color on #733448 background.