COLOR #4F76B6

HEX: #4F76B6 RGB: (79,118,182)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#4F76B6 contains mainly blue color. Web safe color of #4F76B6 is #6666CC (or #66C).

RGB color model

#4F76B6 color RGB value is (79,118,182).

red value is 79;
green value is 118;
blue value is 182.

RGB: (79,118,182) (31%, 46%, 71%)

RGB channels and saturation

R 79 of 255 = 31%
G 118 of 255 = 46%
B 182 of 255 = 71%

118

182

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

Portions of RGB colors in percentages

R + G + B = 79 + 118 + 182 = 379 (100%)
R 79 of 379 ~ 20.84%
G 118 of 379 ~ 31.13%
B 182 of 379 ~ 48.02'%

%20.84

%31.13

%48.02

CMYK color model

#4F76B6 color CMYK value is (57,35,0,29).

cyan value is 56.59%
magenta value is 35.16%
yellow value is 0.00%
key color value is 28.63%

CMYK: (57,35,0,29) C57M35Y0K29 (57%,35%,0%,29%) (0.57/0.35/0.00/0.29)

CMYK percentages

%56.59

%35.16

%28.63

Codes

Color #4F76B6 in popluar color models

	4F	76	B6
RGB	79	118	182
HSL	217°	41.37%	51.18%
HSB/HSV	217°	56.59%	71.37%
CMYK	56.59%	35.16%	0.00%
CMYK	28.63%

Color #4F76B6 in popluar number systems.

HEX	4F	76	B6
Decimal	79	118	182
Binary	1001111	1110110	10110110
Octal	117	166	266

Shades and tints

Shades of #4F76B6

#4F76B6
(79,118,182)

#486CA6
(72,108,166)

#416296
(65,98,150)

#3A5886
(58,88,134)

#334E76
(51,78,118)

#2C4466
(44,68,102)

#253A56
(37,58,86)

#1E3046
(30,48,70)

#172636
(23,38,54)

#101C26
(16,28,38)

#091216
(9,18,22)

#000000
(0,0,0)

Tints of #4F76B6

#4F76B6
(79,118,182)

#5F82BC
(95,130,188)

#6F8EC2
(111,142,194)

#7F9AC8
(127,154,200)

#8FA6CE
(143,166,206)

#9FB2D4
(159,178,212)

#AFBEDA
(175,190,218)

#BFCAE0
(191,202,224)

#CFD6E6
(207,214,230)

#DFE2EC
(223,226,236)

#EFEEF2
(239,238,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4F76B6 color. Also use rgb(79,118,182) instead hex code.

Text Font Color

.myTextColor { color: #4F76B6; }

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

This text font color is #4F76B6.

Background Color

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

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

This div background color is #4F76B6.

Border color

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

This div border color is #4F76B6.

Opacity

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

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

This text has shadow with #4F76B6 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4F76B6.