COLOR #74A64A

HEX: #74A64A RGB: (116,166,74)

Color info

#74A64A contains mainly red and green colors. Web safe color of #74A64A is #669933 (or #693).

RGB color model

#74A64A color RGB value is (116,166,74).

RGB: (116,166,74) (45%, 65%, 29%)

RGB channels and saturation

R 116 of 255 = 45%
G 166 of 255 = 65%
B 74 of 255 = 29%

116
166
74

R + G + B ~ 46%. #74A64A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 116 + 166 + 74 = 356 (100%)
R 116 of 356 ~ 32.58%
G 166 of 356 ~ 46.63%
B 74 of 356 ~ 20.79'%

%32.58
%46.63
%20.79

CMYK color model

#74A64A color CMYK value is (30,0,55,35).

  • cyan value is 30.12%
  • magenta value is 0.00%
  • yellow value is 55.42%
  • key color value is 34.90%
CMYK: (30,0,55,35) C30M0Y55K35 (30%,0%,55%,35%) (0.30/0.00/0.55/0.35) 

CMYK percentages

%30.12
%0
%55.42
%34.9

Codes

Color #74A64A in popluar color models

74 A6 4A
RGB 116 166 74
HSL 93° 38.33% 47.06%
HSB/HSV 93° 55.42% 65.10%
CMYK 30.12% 0.00% 55.42%
34.90%

Color #74A64A in popluar number systems.

HEX 74 A6 4A
Decimal 116 166 74
Binary 1110100 10100110 1001010
Octal 164 246 112

Shades and tints

Shades of #74A64A

#74A64A
(116,166,74)
#6A9744
(106,151,68)
#60883E
(96,136,62)
#567938
(86,121,56)
#4C6A32
(76,106,50)
#425B2C
(66,91,44)
#384C26
(56,76,38)
#2E3D20
(46,61,32)
#242E1A
(36,46,26)
#1A1F14
(26,31,20)
#10100E
(16,16,14)
#000000
(0,0,0)

Tints of #74A64A

#74A64A
(116,166,74)
#80AE5A
(128,174,90)
#8CB66A
(140,182,106)
#98BE7A
(152,190,122)
#A4C68A
(164,198,138)
#B0CE9A
(176,206,154)
#BCD6AA
(188,214,170)
#C8DEBA
(200,222,186)
#D4E6CA
(212,230,202)
#E0EEDA
(224,238,218)
#ECF6EA
(236,246,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #74A64A color. Also use rgb(116,166,74) instead hex code.

Text Font Color

.myTextColor { color: #74A64A; }

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

This text font color is #74A64A.

Background Color

.myBgColor { background-color: #74A64A; }

<div style="background-color:#74A64A">Inner text</div>

This div background color is #74A64A.

Border color

.myBorderColor { border: 1px solid #74A64A; }

<div style="border:3px solid #74A64A">Div</div>

This div border color is #74A64A.

Opacity

.myOpacity80 { color: #74A64A; opacity: 0.8; }

<p style="color:#74A64A;opacity:0.8;">80%</p>

Text with #74A64A 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 #74A64A;}

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

This text has shadow with #74A64A color.


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

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

This text has shadow with #74A64A primary color and red secondary color.


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

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

This text has shadow with #74A64A and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #74A64A.

Preview

Color preview on black background

This text has color #74A64A on black background.


Color preview on white background

This text has color #74A64A on white background.


Black color preview on #74A64A background

This text has black color on #74A64A background.


White color preview on #74A64A background

This text has white color on #74A64A background.


Related colors

Complementary color

Complementary color for #hex is #8B59B5.


I love getcolorcode.com

Triadic colors

1 #4A74A6 and #A64A74 with #74A64A are triadic colors.

2 #4AA674 and #A6744A with #74A64A are triadic colors.