Color #4DB8CB

Color info

#4DB8CB contains mainly green and blue colors. Web safe color of #4DB8CB is #33CCCC (or #3CC).

RGB color model

#4DB8CB color RGB value is (77,184,203).

red value is 77;
green value is 184;
blue value is 203.

RGB:
(77,184,203)
(30%,72%,80%)

RGB channels and saturation

R 77 of 255 = 30%
G 184 of 255 = 72%
B 203 of 255 = 80%

184

203

R + G + B ~ 61%. #4DB8CB is quite light color.

Portions of RGB colors in percentages

R + G + B =
77 + 184 + 203 = 464 (100%)
R 77 of 464 ~ 16.59%
G 184 of 464 ~ 39.66%
B 203 of 464 ~ 43.75%

%16.59

%39.66

%43.75

CMYK color model

#4DB8CB color CMYK value is (62,9,0,20).

cyan value is 62.07%
magenta value is 9.36%
yellow value is 0.00%
key color value is 20.39%

CMYK:
(62,9,0,20)
C62M9Y0K20 
(62%,9%,0%,20%)
(0.62/0.09/0.00/0.20)

CMYK percentages

%62.07

%9.36

%20.39

Codes

Color #4DB8CB in popluar color models

	4D	B8	CB
RGB	77	184	203
HSL	189°	54.78%	54.90%
HSB/HSV	189°	62.07%	79.61%
CMYK	62.07%	9.36%	0.00%
CMYK	20.39%

Color #4DB8CB in popluar number systems.

HEX	4D	B8	CB
Decimal	77	184	203
Binary	1001101	10111000	11001011
Octal	115	270	313

Shades and tints

Shades of #4DB8CB

#4DB8CB
(77,184,203)

#46A8B9
(70,168,185)

#3F98A7
(63,152,167)

#388895
(56,136,149)

#317883
(49,120,131)

#2A6871
(42,104,113)

#23585F
(35,88,95)

#1C484D
(28,72,77)

#15383B
(21,56,59)

#0E2829
(14,40,41)

#071817
(7,24,23)

#000000
(0,0,0)

Tints of #4DB8CB

#4DB8CB
(77,184,203)

#5DBECF
(93,190,207)

#6DC4D3
(109,196,211)

#7DCAD7
(125,202,215)

#8DD0DB
(141,208,219)

#9DD6DF
(157,214,223)

#ADDCE3
(173,220,227)

#BDE2E7
(189,226,231)

#CDE8EB
(205,232,235)

#DDEEEF
(221,238,239)

#EDF4F3
(237,244,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4DB8CB color. Also use rgb(77,184,203) instead hex code.

Text Font Color

.myTextColor { color: #4DB8CB; }

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

This text font color is #4DB8CB.

Background Color

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

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

This div background color is #4DB8CB.

Border color

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

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

This div border color is #4DB8CB.

Opacity

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

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

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

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

This text has shadow with #4DB8CB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4DB8CB.

Preview

Color preview on black background

This text has color #4DB8CB on black background.

Color preview on white background

This text has color #4DB8CB on white background.

Black color preview on #4DB8CB background

This text has black color on #4DB8CB background.

White color preview on #4DB8CB background

This text has white color on #4DB8CB background.