COLOR #74554D

HEX: #74554D
RGB: (116,85,77)

Color info

#74554D contains red, green and blue colors in about the same proportion. Web safe color of #74554D is #666633 (or #663).

RGB color model

#74554D color RGB value is (116,85,77).

  • red value is 116;
  • green value is 85;
  • blue value is 77.
RGB:
(116,85,77)
(45%,33%,30%)

RGB channels and saturation

R 116 of 255 = 45%
G 85 of 255 = 33%
B 77 of 255 = 30%

116
85
77

R + G + B ~ 36%. #74554D is quite dark color.

Portions of RGB colors in percentages

R + G + B =
116 + 85 + 77 = 278 (100%)
R 116 of 278 ~ 41.73%
G 85 of 278 ~ 30.58%
B 77 of 278 ~ 27.7%

%41.73
%30.58
%27.7

CMYK color model

#74554D color CMYK value is (0,27,34,55).

  • cyan value is 0.00%
  • magenta value is 26.72%
  • yellow value is 33.62%
  • key color value is 54.51%
CMYK:
(0,27,34,55)
C0M27Y34K55 
(0%,27%,34%,55%)
(0.00/0.27/0.34/0.55)	

CMYK percentages

%0
%26.72
%33.62
%54.51

Codes

Color #74554D in popluar color models

74554D
RGB1168577
HSL12°20.21%37.84%
HSB/HSV12°33.62%45.49%
CMYK0.00%26.72%33.62%
54.51%

Color #74554D in popluar number systems.

HEX74554D
Decimal1168577
Binary111010010101011001101
Octal164125115

Shades and tints

Shades of #74554D

#74554D
(116,85,77)
#6A4E46
(106,78,70)
#60473F
(96,71,63)
#564038
(86,64,56)
#4C3931
(76,57,49)
#42322A
(66,50,42)
#382B23
(56,43,35)
#2E241C
(46,36,28)
#241D15
(36,29,21)
#1A160E
(26,22,14)
#100F07
(16,15,7)
#000000
(0,0,0)

Tints of #74554D

#74554D
(116,85,77)
#80645D
(128,100,93)
#8C736D
(140,115,109)
#98827D
(152,130,125)
#A4918D
(164,145,141)
#B0A09D
(176,160,157)
#BCAFAD
(188,175,173)
#C8BEBD
(200,190,189)
#D4CDCD
(212,205,205)
#E0DCDD
(224,220,221)
#ECEBED
(236,235,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #74554D color. Also use rgb(116,85,77) instead hex code.

Text Font Color

.myTextColor { color: #74554D; }

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

This text font color is #74554D.


Background Color

.myBgColor { background-color: #74554D; }

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

This div background color is #74554D.


Border color

.myBorderColor { border: 1px solid #74554D; }

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

This div border color is #74554D.


Opacity

.myOpacity80 { color: #74554D; opacity: 0.8; }

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

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

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

This text has shadow with #74554D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #74554D on black background.


Color preview on white background

This text has color #74554D on white background.



Black color preview on #74554D background

This text has black color on #74554D background.


White color preview on #74554D background

This text has white color on #74554D background.