COLOR #4DB9AC

HEX: #4DB9AC
RGB: (77,185,172)

Color info

#4DB9AC contains mainly green and blue colors. Web safe color of #4DB9AC is #33CC99 (or #3C9).

RGB color model

#4DB9AC color RGB value is (77,185,172).

  • red value is 77;
  • green value is 185;
  • blue value is 172.
RGB:
(77,185,172)
(30%,73%,67%)

RGB channels and saturation

R 77 of 255 = 30%
G 185 of 255 = 73%
B 172 of 255 = 67%

77
185
172

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

Portions of RGB colors in percentages

R + G + B =
77 + 185 + 172 = 434 (100%)
R 77 of 434 ~ 17.74%
G 185 of 434 ~ 42.63%
B 172 of 434 ~ 39.63%

%17.74
%42.63
%39.63

CMYK color model

#4DB9AC color CMYK value is (58,0,7,27).

  • cyan value is 58.38%
  • magenta value is 0.00%
  • yellow value is 7.03%
  • key color value is 27.45%
CMYK:
(58,0,7,27)
C58M0Y7K27 
(58%,0%,7%,27%)
(0.58/0.00/0.07/0.27)	

CMYK percentages

%58.38
%0
%7.03
%27.45

Codes

Color #4DB9AC in popluar color models

4DB9AC
RGB77185172
HSL173°43.55%51.37%
HSB/HSV173°58.38%72.55%
CMYK58.38%0.00%7.03%
27.45%

Color #4DB9AC in popluar number systems.

HEX4DB9AC
Decimal77185172
Binary10011011011100110101100
Octal115271254

Shades and tints

Shades of #4DB9AC

#4DB9AC
(77,185,172)
#46A99D
(70,169,157)
#3F998E
(63,153,142)
#38897F
(56,137,127)
#317970
(49,121,112)
#2A6961
(42,105,97)
#235952
(35,89,82)
#1C4943
(28,73,67)
#153934
(21,57,52)
#0E2925
(14,41,37)
#071916
(7,25,22)
#000000
(0,0,0)

Tints of #4DB9AC

#4DB9AC
(77,185,172)
#5DBFB3
(93,191,179)
#6DC5BA
(109,197,186)
#7DCBC1
(125,203,193)
#8DD1C8
(141,209,200)
#9DD7CF
(157,215,207)
#ADDDD6
(173,221,214)
#BDE3DD
(189,227,221)
#CDE9E4
(205,233,228)
#DDEFEB
(221,239,235)
#EDF5F2
(237,245,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4DB9AC color. Also use rgb(77,185,172) instead hex code.

Text Font Color

.myTextColor { color: #4DB9AC; }

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

This text font color is #4DB9AC.


Background Color

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

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

This div background color is #4DB9AC.


Border color

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

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

This div border color is #4DB9AC.


Opacity

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

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

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

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

This text has shadow with #4DB9AC color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4DB9AC on black background.


Color preview on white background

This text has color #4DB9AC on white background.



Black color preview on #4DB9AC background

This text has black color on #4DB9AC background.


White color preview on #4DB9AC background

This text has white color on #4DB9AC background.