COLOR #74A855

HEX: #74A855 RGB: (116,168,85)

Color info

#74A855 contains mainly red and green colors. Web safe color of #74A855 is #669966 (or #696).

RGB color model

#74A855 color RGB value is (116,168,85).

RGB: (116,168,85) (45%, 66%, 33%)

RGB channels and saturation

R 116 of 255 = 45%
G 168 of 255 = 66%
B 85 of 255 = 33%

116
168
85

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

Portions of RGB colors in percentages

R + G + B = 116 + 168 + 85 = 369 (100%)
R 116 of 369 ~ 31.44%
G 168 of 369 ~ 45.53%
B 85 of 369 ~ 23.04'%

%31.44
%45.53
%23.04

CMYK color model

#74A855 color CMYK value is (31,0,49,34).

  • cyan value is 30.95%
  • magenta value is 0.00%
  • yellow value is 49.40%
  • key color value is 34.12%

CMYK: (31,0,49,34)
C31M0Y49K34 (31%, 0%, 49%, 34%)
(0.31 / 0.00 / 0.49 / 0.34)

CMYK percentages

%30.95
%0
%49.4
%34.12

Codes

Color #74A855 in popluar color models

74 A8 55
RGB 116 168 85
HSL 98° 32.81% 49.61%
HSB/HSV 98° 49.40% 65.88%
CMYK 30.95% 0.00% 49.40%
34.12%

Color #74A855 in popluar number systems.

HEX 74 A8 55
Decimal 116 168 85
Binary 1110100 10101000 1010101
Octal 164 250 125

Shades and tints

Shades of #74A855

#74A855
(116,168,85)
#6A994E
(106,153,78)
#608A47
(96,138,71)
#567B40
(86,123,64)
#4C6C39
(76,108,57)
#425D32
(66,93,50)
#384E2B
(56,78,43)
#2E3F24
(46,63,36)
#24301D
(36,48,29)
#1A2116
(26,33,22)
#10120F
(16,18,15)
#000000
(0,0,0)

Tints of #74A855

#74A855
(116,168,85)
#80AF64
(128,175,100)
#8CB673
(140,182,115)
#98BD82
(152,189,130)
#A4C491
(164,196,145)
#B0CBA0
(176,203,160)
#BCD2AF
(188,210,175)
#C8D9BE
(200,217,190)
#D4E0CD
(212,224,205)
#E0E7DC
(224,231,220)
#ECEEEB
(236,238,235)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #74A855; }

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

This text font color is #74A855.

Background Color

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

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

This div background color is #74A855.

Border color

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

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

This div border color is #74A855.

Opacity

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

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

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

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

This text has shadow with #74A855 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #74A855.

Preview

Color preview on black background

This text has color #74A855 on black background.


Color preview on white background

This text has color #74A855 on white background.


Black color preview on #74A855 background

This text has black color on #74A855 background.


White color preview on #74A855 background

This text has white color on #74A855 background.


Related colors

Complementary color

Complementary color for #hex is #8B57AA.


I love getcolorcode.com

Triadic colors

1 #5574A8 and #A85574 with #74A855 are triadic colors.

2 #55A874 and #A87455 with #74A855 are triadic colors.