Color #4D83AD

Color info

#4D83AD contains mainly green and blue colors. Web safe color of #4D83AD is #339999 (or #399).

RGB color model

#4D83AD color RGB value is (77,131,173).

red value is 77;
green value is 131;
blue value is 173.

RGB:
(77,131,173)
(30%,51%,68%)

RGB channels and saturation

R 77 of 255 = 30%
G 131 of 255 = 51%
B 173 of 255 = 68%

131

173

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

Portions of RGB colors in percentages

R + G + B =
77 + 131 + 173 = 381 (100%)
R 77 of 381 ~ 20.21%
G 131 of 381 ~ 34.38%
B 173 of 381 ~ 45.41%

%20.21

%34.38

%45.41

CMYK color model

#4D83AD color CMYK value is (55,24,0,32).

cyan value is 55.49%
magenta value is 24.28%
yellow value is 0.00%
key color value is 32.16%

CMYK:
(55,24,0,32)
C55M24Y0K32 
(55%,24%,0%,32%)
(0.55/0.24/0.00/0.32)

CMYK percentages

%55.49

%24.28

%32.16

Codes

Color #4D83AD in popluar color models

	4D	83	AD
RGB	77	131	173
HSL	206°	38.40%	49.02%
HSB/HSV	206°	55.49%	67.84%
CMYK	55.49%	24.28%	0.00%
CMYK	32.16%

Color #4D83AD in popluar number systems.

HEX	4D	83	AD
Decimal	77	131	173
Binary	1001101	10000011	10101101
Octal	115	203	255

Shades and tints

Shades of #4D83AD

#4D83AD
(77,131,173)

#46789E
(70,120,158)

#3F6D8F
(63,109,143)

#386280
(56,98,128)

#315771
(49,87,113)

#2A4C62
(42,76,98)

#234153
(35,65,83)

#1C3644
(28,54,68)

#152B35
(21,43,53)

#0E2026
(14,32,38)

#071517
(7,21,23)

#000000
(0,0,0)

Tints of #4D83AD

#4D83AD
(77,131,173)

#5D8EB4
(93,142,180)

#6D99BB
(109,153,187)

#7DA4C2
(125,164,194)

#8DAFC9
(141,175,201)

#9DBAD0
(157,186,208)

#ADC5D7
(173,197,215)

#BDD0DE
(189,208,222)

#CDDBE5
(205,219,229)

#DDE6EC
(221,230,236)

#EDF1F3
(237,241,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4D83AD color. Also use rgb(77,131,173) instead hex code.

Text Font Color

.myTextColor { color: #4D83AD; }

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

This text font color is #4D83AD.

Background Color

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

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

This div background color is #4D83AD.

Border color

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

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

This div border color is #4D83AD.

Opacity

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

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

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

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

This text has shadow with #4D83AD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4D83AD.

Preview

Color preview on black background

This text has color #4D83AD on black background.

Color preview on white background

This text has color #4D83AD on white background.

Black color preview on #4D83AD background

This text has black color on #4D83AD background.

White color preview on #4D83AD background

This text has white color on #4D83AD background.