COLOR #9D504E

HEX: #9D504E
RGB: (157,80,78)

Color info

#9D504E contains mainly red color. Web safe color of #9D504E is #996666 (or #966).

RGB color model

#9D504E color RGB value is (157,80,78).

  • red value is 157;
  • green value is 80;
  • blue value is 78.
RGB:
(157,80,78)
(62%,31%,31%)

RGB channels and saturation

R 157 of 255 = 62%
G 80 of 255 = 31%
B 78 of 255 = 31%

157
80
78

R + G + B ~ 41%. #9D504E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
157 + 80 + 78 = 315 (100%)
R 157 of 315 ~ 49.84%
G 80 of 315 ~ 25.4%
B 78 of 315 ~ 24.76%

%49.84
%25.4
%24.76

CMYK color model

#9D504E color CMYK value is (0,49,50,38).

  • cyan value is 0.00%
  • magenta value is 49.04%
  • yellow value is 50.32%
  • key color value is 38.43%
CMYK:
(0,49,50,38)
C0M49Y50K38 
(0%,49%,50%,38%)
(0.00/0.49/0.50/0.38)	

CMYK percentages

%0
%49.04
%50.32
%38.43

Codes

Color #9D504E in popluar color models

9D504E
RGB1578078
HSL33.62%46.08%
HSB/HSV50.32%61.57%
CMYK0.00%49.04%50.32%
38.43%

Color #9D504E in popluar number systems.

HEX9D504E
Decimal1578078
Binary1001110110100001001110
Octal235120116

Shades and tints

Shades of #9D504E

#9D504E
(157,80,78)
#8F4947
(143,73,71)
#814240
(129,66,64)
#733B39
(115,59,57)
#653432
(101,52,50)
#572D2B
(87,45,43)
#492624
(73,38,36)
#3B1F1D
(59,31,29)
#2D1816
(45,24,22)
#1F110F
(31,17,15)
#110A08
(17,10,8)
#000000
(0,0,0)

Tints of #9D504E

#9D504E
(157,80,78)
#A55F5E
(165,95,94)
#AD6E6E
(173,110,110)
#B57D7E
(181,125,126)
#BD8C8E
(189,140,142)
#C59B9E
(197,155,158)
#CDAAAE
(205,170,174)
#D5B9BE
(213,185,190)
#DDC8CE
(221,200,206)
#E5D7DE
(229,215,222)
#EDE6EE
(237,230,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9D504E color. Also use rgb(157,80,78) instead hex code.

Text Font Color

.myTextColor { color: #9D504E; }

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

This text font color is #9D504E.


Background Color

.myBgColor { background-color: #9D504E; }

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

This div background color is #9D504E.


Border color

.myBorderColor { border: 1px solid #9D504E; }

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

This div border color is #9D504E.


Opacity

.myOpacity80 { color: #9D504E; opacity: 0.8; }

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

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

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

This text has shadow with #9D504E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9D504E on black background.


Color preview on white background

This text has color #9D504E on white background.



Black color preview on #9D504E background

This text has black color on #9D504E background.


White color preview on #9D504E background

This text has white color on #9D504E background.