Color #78DAFC

Color info

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

RGB color model

#78DAFC color RGB value is (120,218,252).

red value is 120;
green value is 218;
blue value is 252.

RGB:
(120,218,252)
(47%,85%,99%)

RGB channels and saturation

R 120 of 255 = 47%
G 218 of 255 = 85%
B 252 of 255 = 99%

120

218

252

R + G + B ~ 77%. #78DAFC is quite light color.

Portions of RGB colors in percentages

R + G + B =
120 + 218 + 252 = 590 (100%)
R 120 of 590 ~ 20.34%
G 218 of 590 ~ 36.95%
B 252 of 590 ~ 42.71%

%20.34

%36.95

%42.71

CMYK color model

#78DAFC color CMYK value is (52,13,0,1).

cyan value is 52.38%
magenta value is 13.49%
yellow value is 0.00%
key color value is 1.18%

CMYK:
(52,13,0,1)
C52M13Y0K1 
(52%,13%,0%,1%)
(0.52/0.13/0.00/0.01)

CMYK percentages

%52.38

%13.49

%1.18

Codes

Color #78DAFC in popluar color models

	78	DA	FC
RGB	120	218	252
HSL	195°	95.65%	72.94%
HSB/HSV	195°	52.38%	98.82%
CMYK	52.38%	13.49%	0.00%
CMYK	1.18%

Color #78DAFC in popluar number systems.

HEX	78	DA	FC
Decimal	120	218	252
Binary	1111000	11011010	11111100
Octal	170	332	374

Shades and tints

Shades of #78DAFC

#78DAFC
(120,218,252)

#6EC7E6
(110,199,230)

#64B4D0
(100,180,208)

#5AA1BA
(90,161,186)

#508EA4
(80,142,164)

#467B8E
(70,123,142)

#3C6878
(60,104,120)

#325562
(50,85,98)

#28424C
(40,66,76)

#1E2F36
(30,47,54)

#141C20
(20,28,32)

#000000
(0,0,0)

Tints of #78DAFC

#78DAFC
(120,218,252)

#84DDFC
(132,221,252)

#90E0FC
(144,224,252)

#9CE3FC
(156,227,252)

#A8E6FC
(168,230,252)

#B4E9FC
(180,233,252)

#C0ECFC
(192,236,252)

#CCEFFC
(204,239,252)

#D8F2FC
(216,242,252)

#E4F5FC
(228,245,252)

#F0F8FC
(240,248,252)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #78DAFC color. Also use rgb(120,218,252) instead hex code.

Text Font Color

.myTextColor { color: #78DAFC; }

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

This text font color is #78DAFC.

Background Color

.myBgColor { background-color: #78DAFC; }

<div style="background-color:#78DAFC">Inner text</div>

This div background color is #78DAFC.

Border color

.myBorderColor { border: 1px solid #78DAFC; }

<div style="border:3px solid #78DAFC">Div</div>

This div border color is #78DAFC.

Opacity

.myOpacity80 { color: #78DAFC; opacity: 0.8; }

<p style="color:#78DAFC;opacity:0.8;">80%</p>

Text with #78DAFC 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 #78DAFC;}

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

This text has shadow with #78DAFC color.

.textShadow {text-shadow: 3px 3px 1px #78DAFC, 3px 3px 1px red;}

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

This text has shadow with #78DAFC primary color and red secondary color.

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

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

This text has shadow with #78DAFC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #78DAFC.

Preview

Color preview on black background

This text has color #78DAFC on black background.

Color preview on white background

This text has color #78DAFC on white background.

Black color preview on #78DAFC background

This text has black color on #78DAFC background.

White color preview on #78DAFC background

This text has white color on #78DAFC background.