COLOR #489C4D

HEX: #489C4D RGB: (72,156,77)

Color info

#489C4D contains mainly green color. Web safe color of #489C4D is #339933 (or #393).

RGB color model

#489C4D color RGB value is (72,156,77).

RGB: (72,156,77) (28%, 61%, 30%)

RGB channels and saturation

R 72 of 255 = 28%
G 156 of 255 = 61%
B 77 of 255 = 30%

72
156
77

R + G + B ~ 40%. #489C4D is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 72 + 156 + 77 = 305 (100%)
R 72 of 305 ~ 23.61%
G 156 of 305 ~ 51.15%
B 77 of 305 ~ 25.25'%

%23.61
%51.15
%25.25

CMYK color model

#489C4D color CMYK value is (54,0,51,39).

  • cyan value is 53.85%
  • magenta value is 0.00%
  • yellow value is 50.64%
  • key color value is 38.82%

CMYK: (54,0,51,39)
C54M0Y51K39 (54%, 0%, 51%, 39%)
(0.54 / 0.00 / 0.51 / 0.39)

CMYK percentages

%53.85
%0
%50.64
%38.82

Codes

Color #489C4D in popluar color models

48 9C 4D
RGB 72 156 77
HSL 124° 36.84% 44.71%
HSB/HSV 124° 53.85% 61.18%
CMYK 53.85% 0.00% 50.64%
38.82%

Color #489C4D in popluar number systems.

HEX 48 9C 4D
Decimal 72 156 77
Binary 1001000 10011100 1001101
Octal 110 234 115

Shades and tints

Shades of #489C4D

#489C4D
(72,156,77)
#428E46
(66,142,70)
#3C803F
(60,128,63)
#367238
(54,114,56)
#306431
(48,100,49)
#2A562A
(42,86,42)
#244823
(36,72,35)
#1E3A1C
(30,58,28)
#182C15
(24,44,21)
#121E0E
(18,30,14)
#0C1007
(12,16,7)
#000000
(0,0,0)

Tints of #489C4D

#489C4D
(72,156,77)
#58A55D
(88,165,93)
#68AE6D
(104,174,109)
#78B77D
(120,183,125)
#88C08D
(136,192,141)
#98C99D
(152,201,157)
#A8D2AD
(168,210,173)
#B8DBBD
(184,219,189)
#C8E4CD
(200,228,205)
#D8EDDD
(216,237,221)
#E8F6ED
(232,246,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #489C4D color. Also use rgb(72,156,77) instead hex code.

Text Font Color

.myTextColor { color: #489C4D; }

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

This text font color is #489C4D.

Background Color

.myBgColor { background-color: #489C4D; }

<div style="background-color:#489C4D">Inner text</div>

This div background color is #489C4D.

Border color

.myBorderColor { border: 1px solid #489C4D; }

<div style="border:3px solid #489C4D">Div</div>

This div border color is #489C4D.

Opacity

.myOpacity80 { color: #489C4D; opacity: 0.8; }

<p style="color:#489C4D;opacity:0.8;">80%</p>

Text with #489C4D 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 #489C4D;}

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

This text has shadow with #489C4D color.


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

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

This text has shadow with #489C4D primary color and red secondary color.


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

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

This text has shadow with #489C4D and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #489C4D.

Preview

Color preview on black background

This text has color #489C4D on black background.


Color preview on white background

This text has color #489C4D on white background.


Black color preview on #489C4D background

This text has black color on #489C4D background.


White color preview on #489C4D background

This text has white color on #489C4D background.


Related colors

Complementary color

Complementary color for #hex is #B763B2.


I love getcolorcode.com

Triadic colors

1 #4D489C and #9C4D48 with #489C4D are triadic colors.

2 #4D9C48 and #9C484D with #489C4D are triadic colors.