COLOR #4C581F

HEX: #4C581F RGB: (76,88,31)

Color info

#4C581F contains red, green and blue colors in about the same proportion. Web safe color of #4C581F is #336633 (or #363).

RGB color model

#4C581F color RGB value is (76,88,31).

RGB: (76,88,31) (30%, 35%, 12%)

RGB channels and saturation

R 76 of 255 = 30%
G 88 of 255 = 35%
B 31 of 255 = 12%

76
88
31

R + G + B ~ 26%. #4C581F is quite dark color.

Portions of RGB colors in percentages

R + G + B = 76 + 88 + 31 = 195 (100%)
R 76 of 195 ~ 38.97%
G 88 of 195 ~ 45.13%
B 31 of 195 ~ 15.9'%

%38.97
%45.13
%15.9

CMYK color model

#4C581F color CMYK value is (14,0,65,65).

  • cyan value is 13.64%
  • magenta value is 0.00%
  • yellow value is 64.77%
  • key color value is 65.49%
CMYK: (14,0,65,65) C14M0Y65K65 (14%,0%,65%,65%) (0.14/0.00/0.65/0.65)

CMYK percentages

%13.64
%0
%64.77
%65.49

Codes

Color #4C581F in popluar color models

4C 58 1F
RGB 76 88 31
HSL 73° 47.90% 23.33%
HSB/HSV 73° 64.77% 34.51%
CMYK 13.64% 0.00% 64.77%
65.49%

Color #4C581F in popluar number systems.

HEX 4C 58 1F
Decimal 76 88 31
Binary 1001100 1011000 11111
Octal 114 130 37

Shades and tints

Shades of #4C581F

#4C581F
(76,88,31)
#46501D
(70,80,29)
#40481B
(64,72,27)
#3A4019
(58,64,25)
#343817
(52,56,23)
#2E3015
(46,48,21)
#282813
(40,40,19)
#222011
(34,32,17)
#1C180F
(28,24,15)
#16100D
(22,16,13)
#10080B
(16,8,11)
#000000
(0,0,0)

Tints of #4C581F

#4C581F
(76,88,31)
#5C6733
(92,103,51)
#6C7647
(108,118,71)
#7C855B
(124,133,91)
#8C946F
(140,148,111)
#9CA383
(156,163,131)
#ACB297
(172,178,151)
#BCC1AB
(188,193,171)
#CCD0BF
(204,208,191)
#DCDFD3
(220,223,211)
#ECEEE7
(236,238,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4C581F color. Also use rgb(76,88,31) instead hex code.

Text Font Color

.myTextColor { color: #4C581F; } 

 <p style="color:#'.$colorObj['hex'].'">This sample text font color is #'.$colorObj['hex'].'.</p>

This text font color is #4C581F.

Background Color

.myBgColor { background-color: #4C581F; } 

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

This div background color is #4C581F.

Border color

.myBorderColor { border: 1px solid #4C581F; } 

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

This div border color is #4C581F.


'.$lang['color_style_opacity'].'

.myOpacity80 { color: #'.$colorObj['hex'].'; opacity: 0.8; }

<p style="color:#'.$colorObj['hex'].';opacity:0.8;">80%</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_opacity_text']).' 100% | 80% | 50% | 30%.

'.$lang['color_style_bgcolor_text'].' 100%.

'.$lang['color_style_bgcolor_text'].' 80%.

'.$lang['color_style_bgcolor_text'].' 50%.

'.$lang['color_style_bgcolor_text'].' 30%.

'.$lang['color_style_text_shadow'].'

.textShadow {text-shadow: 3px 3px 1px #'.$colorObj['hex'].';}

<p style="text-shadow: 3px 3px 1px #'.$colorObj['hex'].'">Text here.</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_text_shadow_sample']).'

.textShadow {text-shadow: 3px 3px 1px #'.$colorObj['hex'].', 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #'.$colorObj['hex'].', 5px 5px 20px red">Text here.</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_text_shadow_sample2']).'


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#'.$colorObj['hex'].', Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#'.$colorObj['hex'].', Direction=45, Strength=4)">Text</p>

This text has shadow with #'.$colorObj['hex'].' and red colors in old Internet Explorer.


'.$lang['color_style_box_shadow'].'

 /* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; -webkit-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; -webkit-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; box-shadow:1px 1px 3px 2px #'.$colorObj['hex'].';">
Div content here</div>
'.str_replace('%color%',$colorObj['hex'],$lang['color_style_box_shadow_sample']).'
'; ?>

Preview

Color preview on black background

This text has color #4C581F on black background.


Color preview on white background

This text has color #4C581F on white background.


Black color preview on #4C581F background

This text has black color on #4C581F background.


White color preview on #4C581F background

This text has white color on #4C581F background.


↑