COLOR #957142

HEX: #957142
RGB: (149,113,66)

Color info

#957142 contains mainly red and green colors. Web safe color of #957142 is #996633 (or #963).

RGB color model

#957142 color RGB value is (149,113,66).

  • red value is 149;
  • green value is 113;
  • blue value is 66.
RGB:
(149,113,66)
(58%,44%,26%)

RGB channels and saturation

R 149 of 255 = 58%
G 113 of 255 = 44%
B 66 of 255 = 26%

149
113
66

R + G + B ~ 43%. #957142 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
149 + 113 + 66 = 328 (100%)
R 149 of 328 ~ 45.43%
G 113 of 328 ~ 34.45%
B 66 of 328 ~ 20.12%

%45.43
%34.45
%20.12

CMYK color model

#957142 color CMYK value is (0,24,56,42).

  • cyan value is 0.00%
  • magenta value is 24.16%
  • yellow value is 55.70%
  • key color value is 41.57%
CMYK:
(0,24,56,42)
C0M24Y56K42 
(0%,24%,56%,42%)
(0.00/0.24/0.56/0.42)	

CMYK percentages

%0
%24.16
%55.7
%41.57

Codes

Color #957142 in popluar color models

957142
RGB14911366
HSL34°38.60%42.16%
HSB/HSV34°55.70%58.43%
CMYK0.00%24.16%55.70%
41.57%

Color #957142 in popluar number systems.

HEX957142
Decimal14911366
Binary1001010111100011000010
Octal225161102

Shades and tints

Shades of #957142

#957142
(149,113,66)
#88673C
(136,103,60)
#7B5D36
(123,93,54)
#6E5330
(110,83,48)
#61492A
(97,73,42)
#543F24
(84,63,36)
#47351E
(71,53,30)
#3A2B18
(58,43,24)
#2D2112
(45,33,18)
#20170C
(32,23,12)
#130D06
(19,13,6)
#000000
(0,0,0)

Tints of #957142

#957142
(149,113,66)
#9E7D53
(158,125,83)
#A78964
(167,137,100)
#B09575
(176,149,117)
#B9A186
(185,161,134)
#C2AD97
(194,173,151)
#CBB9A8
(203,185,168)
#D4C5B9
(212,197,185)
#DDD1CA
(221,209,202)
#E6DDDB
(230,221,219)
#EFE9EC
(239,233,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #957142 color. Also use rgb(149,113,66) instead hex code.

Text Font Color

.myTextColor { color: #957142; }

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

This text font color is #957142.


Background Color

.myBgColor { background-color: #957142; }

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

This div background color is #957142.


Border color

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

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

This div border color is #957142.


Opacity

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

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

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

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

This text has shadow with #957142 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #957142 on black background.


Color preview on white background

This text has color #957142 on white background.



Black color preview on #957142 background

This text has black color on #957142 background.


White color preview on #957142 background

This text has white color on #957142 background.