Color #753342

Color info

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

RGB color model

#753342 color RGB value is (117,51,66).

red value is 117;
green value is 51;
blue value is 66.

RGB:
(117,51,66)
(46%,20%,26%)

RGB channels and saturation

R 117 of 255 = 46%
G 51 of 255 = 20%
B 66 of 255 = 26%

117

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

Portions of RGB colors in percentages

R + G + B =
117 + 51 + 66 = 234 (100%)
R 117 of 234 ~ 50%
G 51 of 234 ~ 21.79%
B 66 of 234 ~ 28.21%

%50

%21.79

%28.21

CMYK color model

#753342 color CMYK value is (0,56,44,54).

cyan value is 0.00%
magenta value is 56.41%
yellow value is 43.59%
key color value is 54.12%

CMYK:
(0,56,44,54)
C0M56Y44K54 
(0%,56%,44%,54%)
(0.00/0.56/0.44/0.54)

CMYK percentages

%56.41

%43.59

%54.12

Codes

Color #753342 in popluar color models

	75	33	42
RGB	117	51	66
HSL	346°	39.29%	32.94%
HSB/HSV	346°	56.41%	45.88%
CMYK	0.00%	56.41%	43.59%
CMYK	54.12%

Color #753342 in popluar number systems.

HEX	75	33	42
Decimal	117	51	66
Binary	1110101	110011	1000010
Octal	165	63	102

Shades and tints

Shades of #753342

#753342
(117,51,66)

#6B2F3C
(107,47,60)

#612B36
(97,43,54)

#572730
(87,39,48)

#4D232A
(77,35,42)

#431F24
(67,31,36)

#391B1E
(57,27,30)

#2F1718
(47,23,24)

#251312
(37,19,18)

#1B0F0C
(27,15,12)

#110B06
(17,11,6)

#000000
(0,0,0)

Tints of #753342

#753342
(117,51,66)

#814553
(129,69,83)

#8D5764
(141,87,100)

#996975
(153,105,117)

#A57B86
(165,123,134)

#B18D97
(177,141,151)

#BD9FA8
(189,159,168)

#C9B1B9
(201,177,185)

#D5C3CA
(213,195,202)

#E1D5DB
(225,213,219)

#EDE7EC
(237,231,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #753342 color. Also use rgb(117,51,66) instead hex code.

Text Font Color

.myTextColor { color: #753342; }

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

This text font color is #753342.

Background Color

.myBgColor { background-color: #753342; }

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

This div background color is #753342.

Border color

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

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

This div border color is #753342.

Opacity

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

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

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

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

This text has shadow with #753342 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #753342.

Preview

Color preview on black background

This text has color #753342 on black background.

Color preview on white background

This text has color #753342 on white background.

Black color preview on #753342 background

This text has black color on #753342 background.

White color preview on #753342 background

This text has white color on #753342 background.