COLOR #4C7318

HEX: #4C7318 RGB: (76,115,24)

Color info

#4C7318 contains mainly red and green colors. Web safe color of #4C7318 is #336600 (or #360).

RGB color model

#4C7318 color RGB value is (76,115,24).

RGB: (76,115,24) (30%, 45%, 9%)

RGB channels and saturation

R 76 of 255 = 30%
G 115 of 255 = 45%
B 24 of 255 = 9%

76
115
24

R + G + B ~ 28%. #4C7318 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 76 + 115 + 24 = 215 (100%)
R 76 of 215 ~ 35.35%
G 115 of 215 ~ 53.49%
B 24 of 215 ~ 11.16'%

%35.35
%53.49
%11.16

CMYK color model

#4C7318 color CMYK value is (34,0,79,55).

  • cyan value is 33.91%
  • magenta value is 0.00%
  • yellow value is 79.13%
  • key color value is 54.90%

CMYK: (34,0,79,55)
C34M0Y79K55 (34%, 0%, 79%, 55%)
(0.34 / 0.00 / 0.79 / 0.55)

CMYK percentages

%33.91
%0
%79.13
%54.9

Codes

Color #4C7318 in popluar color models

4C 73 18
RGB 76 115 24
HSL 86° 65.47% 27.25%
HSB/HSV 86° 79.13% 45.10%
CMYK 33.91% 0.00% 79.13%
54.90%

Color #4C7318 in popluar number systems.

HEX 4C 73 18
Decimal 76 115 24
Binary 1001100 1110011 11000
Octal 114 163 30

Shades and tints

Shades of #4C7318

#4C7318
(76,115,24)
#466916
(70,105,22)
#405F14
(64,95,20)
#3A5512
(58,85,18)
#344B10
(52,75,16)
#2E410E
(46,65,14)
#28370C
(40,55,12)
#222D0A
(34,45,10)
#1C2308
(28,35,8)
#161906
(22,25,6)
#100F04
(16,15,4)
#000000
(0,0,0)

Tints of #4C7318

#4C7318
(76,115,24)
#5C7F2D
(92,127,45)
#6C8B42
(108,139,66)
#7C9757
(124,151,87)
#8CA36C
(140,163,108)
#9CAF81
(156,175,129)
#ACBB96
(172,187,150)
#BCC7AB
(188,199,171)
#CCD3C0
(204,211,192)
#DCDFD5
(220,223,213)
#ECEBEA
(236,235,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4C7318 color. Also use rgb(76,115,24) instead hex code.

Text Font Color

.myTextColor { color: #4C7318; }

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

This text font color is #4C7318.

Background Color

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

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

This div background color is #4C7318.

Border color

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

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

This div border color is #4C7318.

Opacity

.myOpacity80 { color: #4C7318; opacity: 0.8; }

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

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

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

This text has shadow with #4C7318 color.


.textShadow {text-shadow: 3px 3px 1px #4C7318', 3px 3px 1px red;}

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

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


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

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

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

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #4C7318; -webkit-box-shadow: 1px 1px 3px 2px #4C7318; box-shadow:1px 1px 3px 2px #4C7318;">
Div content here
</div>

This div box has shadow with color #4C7318.

Preview

Color preview on black background

This text has color #4C7318 on black background.


Color preview on white background

This text has color #4C7318 on white background.


Black color preview on #4C7318 background

This text has black color on #4C7318 background.


White color preview on #4C7318 background

This text has white color on #4C7318 background.


Related colors

Complementary color

Complementary color for #hex is #B38CE7.


I love getcolorcode.com

Triadic colors

1 #184C73 and #73184C with #4C7318 are triadic colors.

2 #18734C and #734C18 with #4C7318 are triadic colors.