Color #4DAE55 hex code, color models, shades and preview

Renk bilgisi

#4DAE55 contains mainly green color. #4DAE55 ‘ nin web güvenlik rengi #339966 (ya da #396) dir.

RGB renk modeli

#4DAE55 color RGB value is (77,174,85).

kırmız ton 77;
yeşil ton 174;
mavi ton 85.

RGB:
(77,174,85)
(30%,68%,33%)

RGB bağlantıları ve doygunluk

R 77 of 255 = 30%
G 174 of 255 = 68%
B 85 of 255 = 33%

174

R + G + B ~ 44%. #4DAE55 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
77 + 174 + 85 = 336 (100%)
R 77 of 336 ~ 22.92%
G 174 of 336 ~ 51.79%
B 85 of 336 ~ 25.3%

%22.92

%51.79

%25.3

CMYK RENK MODELİ

#4DAE55 rengi CMYK tonu (56,0,51,32).

camgöbeği tonu 55.75%
eflatun tonu 0.00%
sarı tonu 51.15%
ana renk tonu 31.76%

CMYK:
(56,0,51,32)
C56M0Y51K32 
(56%,0%,51%,32%)
(0.56/0.00/0.51/0.32)

CMYK yüzdeleri

%55.75

%51.15

%31.76

Codes

Color #4DAE55 in popluar color models

	4D	AE	55
RGB	77	174	85
HSL	125°	38.65%	49.22%
HSB/HSV	125°	55.75%	68.24%
CMYK	55.75%	0.00%	51.15%
CMYK	31.76%

Color #4DAE55 in popluar number systems.

HEX	4D	AE	55
Decimal	77	174	85
Binary	1001101	10101110	1010101
Octal	115	256	125

Shades and tints

Shades of #4DAE55

#4DAE55
(77,174,85)

#469F4E
(70,159,78)

#3F9047
(63,144,71)

#388140
(56,129,64)

#317239
(49,114,57)

#2A6332
(42,99,50)

#23542B
(35,84,43)

#1C4524
(28,69,36)

#15361D
(21,54,29)

#0E2716
(14,39,22)

#07180F
(7,24,15)

#000000
(0,0,0)

Tints of #4DAE55

#4DAE55
(77,174,85)

#5DB564
(93,181,100)

#6DBC73
(109,188,115)

#7DC382
(125,195,130)

#8DCA91
(141,202,145)

#9DD1A0
(157,209,160)

#ADD8AF
(173,216,175)

#BDDFBE
(189,223,190)

#CDE6CD
(205,230,205)

#DDEDDC
(221,237,220)

#EDF4EB
(237,244,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4DAE55 color. Also use rgb(77,174,85) instead hex code.

Text Font Color

.myTextColor { color: #4DAE55; }

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

This text font color is #4DAE55.

Background Color

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

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

This div background color is #4DAE55.

Border color

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

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

This div border color is #4DAE55.

Opacity

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

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

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

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

This text has shadow with #4DAE55 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4DAE55.

Preview

Color preview on black background

This text has color #4DAE55 on black background.

Color preview on white background

This text has color #4DAE55 on white background.

Black color preview on #4DAE55 background

This text has black color on #4DAE55 background.

White color preview on #4DAE55 background

This text has white color on #4DAE55 background.

COLOR #4DAE55