Color #4FC7F8

Color info

#4FC7F8 contains mainly green and blue colors. Web safe color of #4FC7F8 is #66CCFF (or #6CF).

RGB color model

#4FC7F8 color RGB value is (79,199,248).

red value is 79;
green value is 199;
blue value is 248.

RGB: (79,199,248) (31%, 78%, 97%)

RGB channels and saturation

R 79 of 255 = 31%
G 199 of 255 = 78%
B 248 of 255 = 97%

79

199

248

R + G + B ~ 69%. #4FC7F8 is quite light color.

Portions of RGB colors in percentages

R + G + B = 79 + 199 + 248 = 526 (100%)
R 79 of 526 ~ 15.02%
G 199 of 526 ~ 37.83%
B 248 of 526 ~ 47.15'%

%15.02

%37.83

%47.15

CMYK color model

#4FC7F8 color CMYK value is (68,20,0,3).

cyan value is 68.15%
magenta value is 19.76%
yellow value is 0.00%
key color value is 2.75%

CMYK: (68,20,0,3)
C68M20Y0K3 (68%, 20%, 0%, 3%)
(0.68 / 0.20 / 0.00 / 0.03)

CMYK percentages

%68.15

%19.76

%0

%2.75

Codes

Color #4FC7F8 in popluar color models

	4F	C7	F8
RGB	79	199	248
HSL	197°	92.35%	64.12%
HSB/HSV	197°	68.15%	97.25%
CMYK	68.15%	19.76%	0.00%
CMYK	2.75%

Color #4FC7F8 in popluar number systems.

HEX	4F	C7	F8
Decimal	79	199	248
Binary	1001111	11000111	11111000
Octal	117	307	370

Shades and tints

Shades of #4FC7F8

#4FC7F8
(79,199,248)

#48B5E2
(72,181,226)

#41A3CC
(65,163,204)

#3A91B6
(58,145,182)

#337FA0
(51,127,160)

#2C6D8A
(44,109,138)

#255B74
(37,91,116)

#1E495E
(30,73,94)

#173748
(23,55,72)

#102532
(16,37,50)

#09131C
(9,19,28)

#000000
(0,0,0)

Tints of #4FC7F8

#4FC7F8
(79,199,248)

#5FCCF8
(95,204,248)

#6FD1F8
(111,209,248)

#7FD6F8
(127,214,248)

#8FDBF8
(143,219,248)

#9FE0F8
(159,224,248)

#AFE5F8
(175,229,248)

#BFEAF8
(191,234,248)

#CFEFF8
(207,239,248)

#DFF4F8
(223,244,248)

#EFF9F8
(239,249,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4FC7F8 color. Also use rgb(79,199,248) instead hex code.

Text Font Color

.myTextColor { color: #4FC7F8; }

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

This text font color is #4FC7F8.

Background Color

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

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

This div background color is #4FC7F8.

Border color

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

This div border color is #4FC7F8.

Opacity

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

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

This text has shadow with #4FC7F8 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4FC7F8.