COLOR #5E4D20

HEX: #5E4D20
RGB: (94,77,32)

Color info

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

RGB color model

#5E4D20 color RGB value is (94,77,32).

  • red value is 94;
  • green value is 77;
  • blue value is 32.
RGB:
(94,77,32)
(37%,30%,13%)

RGB channels and saturation

R 94 of 255 = 37%
G 77 of 255 = 30%
B 32 of 255 = 13%

94
77
32

R + G + B ~ 27%. #5E4D20 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
94 + 77 + 32 = 203 (100%)
R 94 of 203 ~ 46.31%
G 77 of 203 ~ 37.93%
B 32 of 203 ~ 15.76%

%46.31
%37.93
%15.76

CMYK color model

#5E4D20 color CMYK value is (0,18,66,63).

  • cyan value is 0.00%
  • magenta value is 18.09%
  • yellow value is 65.96%
  • key color value is 63.14%
CMYK:
(0,18,66,63)
C0M18Y66K63 
(0%,18%,66%,63%)
(0.00/0.18/0.66/0.63)	

CMYK percentages

%0
%18.09
%65.96
%63.14

Codes

Color #5E4D20 in popluar color models

5E4D20
RGB947732
HSL44°49.21%24.71%
HSB/HSV44°65.96%36.86%
CMYK0.00%18.09%65.96%
63.14%

Color #5E4D20 in popluar number systems.

HEX5E4D20
Decimal947732
Binary10111101001101100000
Octal13611540

Shades and tints

Shades of #5E4D20

#5E4D20
(94,77,32)
#56461E
(86,70,30)
#4E3F1C
(78,63,28)
#46381A
(70,56,26)
#3E3118
(62,49,24)
#362A16
(54,42,22)
#2E2314
(46,35,20)
#261C12
(38,28,18)
#1E1510
(30,21,16)
#160E0E
(22,14,14)
#0E070C
(14,7,12)
#000000
(0,0,0)

Tints of #5E4D20

#5E4D20
(94,77,32)
#6C5D34
(108,93,52)
#7A6D48
(122,109,72)
#887D5C
(136,125,92)
#968D70
(150,141,112)
#A49D84
(164,157,132)
#B2AD98
(178,173,152)
#C0BDAC
(192,189,172)
#CECDC0
(206,205,192)
#DCDDD4
(220,221,212)
#EAEDE8
(234,237,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5E4D20 color. Also use rgb(94,77,32) instead hex code.

Text Font Color

.myTextColor { color: #5E4D20; }

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

This text font color is #5E4D20.


Background Color

.myBgColor { background-color: #5E4D20; }

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

This div background color is #5E4D20.


Border color

.myBorderColor { border: 1px solid #5E4D20; }

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

This div border color is #5E4D20.


Opacity

.myOpacity80 { color: #5E4D20; opacity: 0.8; }

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

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

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

This text has shadow with #5E4D20 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #5E4D20 on black background.


Color preview on white background

This text has color #5E4D20 on white background.



Black color preview on #5E4D20 background

This text has black color on #5E4D20 background.


White color preview on #5E4D20 background

This text has white color on #5E4D20 background.