Color #7E493A

Color info

#7E493A contains mainly red and green colors. Web safe color of #7E493A is #663333 (or #633).

RGB color model

#7E493A color RGB value is (126,73,58).

red value is 126;
green value is 73;
blue value is 58.

RGB:
(126,73,58)
(49%,29%,23%)

RGB channels and saturation

R 126 of 255 = 49%
G 73 of 255 = 29%
B 58 of 255 = 23%

126

R + G + B ~ 34%. #7E493A is quite dark color.

Portions of RGB colors in percentages

R + G + B =
126 + 73 + 58 = 257 (100%)
R 126 of 257 ~ 49.03%
G 73 of 257 ~ 28.4%
B 58 of 257 ~ 22.57%

%49.03

%28.4

%22.57

CMYK color model

#7E493A color CMYK value is (0,42,54,51).

cyan value is 0.00%
magenta value is 42.06%
yellow value is 53.97%
key color value is 50.59%

CMYK:
(0,42,54,51)
C0M42Y54K51 
(0%,42%,54%,51%)
(0.00/0.42/0.54/0.51)

CMYK percentages

%42.06

%53.97

%50.59

Codes

Color #7E493A in popluar color models

	7E	49	3A
RGB	126	73	58
HSL	13°	36.96%	36.08%
HSB/HSV	13°	53.97%	49.41%
CMYK	0.00%	42.06%	53.97%
CMYK	50.59%

Color #7E493A in popluar number systems.

HEX	7E	49	3A
Decimal	126	73	58
Binary	1111110	1001001	111010
Octal	176	111	72

Shades and tints

Shades of #7E493A

#7E493A
(126,73,58)

#734335
(115,67,53)

#683D30
(104,61,48)

#5D372B
(93,55,43)

#523126
(82,49,38)

#472B21
(71,43,33)

#3C251C
(60,37,28)

#311F17
(49,31,23)

#261912
(38,25,18)

#1B130D
(27,19,13)

#100D08
(16,13,8)

#000000
(0,0,0)

Tints of #7E493A

#7E493A
(126,73,58)

#89594B
(137,89,75)

#94695C
(148,105,92)

#9F796D
(159,121,109)

#AA897E
(170,137,126)

#B5998F
(181,153,143)

#C0A9A0
(192,169,160)

#CBB9B1
(203,185,177)

#D6C9C2
(214,201,194)

#E1D9D3
(225,217,211)

#ECE9E4
(236,233,228)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7E493A color. Also use rgb(126,73,58) instead hex code.

Text Font Color

.myTextColor { color: #7E493A; }

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

This text font color is #7E493A.

Background Color

.myBgColor { background-color: #7E493A; }

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

This div background color is #7E493A.

Border color

.myBorderColor { border: 1px solid #7E493A; }

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

This div border color is #7E493A.

Opacity

.myOpacity80 { color: #7E493A; opacity: 0.8; }

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

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

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

This text has shadow with #7E493A color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7E493A.

Preview

Color preview on black background

This text has color #7E493A on black background.

Color preview on white background

This text has color #7E493A on white background.

Black color preview on #7E493A background

This text has black color on #7E493A background.

White color preview on #7E493A background

This text has white color on #7E493A background.