Color #78BFEB

Color info

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

RGB color model

#78BFEB color RGB value is (120,191,235).

red value is 120;
green value is 191;
blue value is 235.

RGB:
(120,191,235)
(47%,75%,92%)

RGB channels and saturation

R 120 of 255 = 47%
G 191 of 255 = 75%
B 235 of 255 = 92%

120

191

235

R + G + B ~ 71%. #78BFEB is quite light color.

Portions of RGB colors in percentages

R + G + B =
120 + 191 + 235 = 546 (100%)
R 120 of 546 ~ 21.98%
G 191 of 546 ~ 34.98%
B 235 of 546 ~ 43.04%

%21.98

%34.98

%43.04

CMYK color model

#78BFEB color CMYK value is (49,19,0,8).

cyan value is 48.94%
magenta value is 18.72%
yellow value is 0.00%
key color value is 7.84%

CMYK:
(49,19,0,8)
C49M19Y0K8 
(49%,19%,0%,8%)
(0.49/0.19/0.00/0.08)

CMYK percentages

%48.94

%18.72

%7.84

Codes

Color #78BFEB in popluar color models

	78	BF	EB
RGB	120	191	235
HSL	203°	74.19%	69.61%
HSB/HSV	203°	48.94%	92.16%
CMYK	48.94%	18.72%	0.00%
CMYK	7.84%

Color #78BFEB in popluar number systems.

HEX	78	BF	EB
Decimal	120	191	235
Binary	1111000	10111111	11101011
Octal	170	277	353

Shades and tints

Shades of #78BFEB

#78BFEB
(120,191,235)

#6EAED6
(110,174,214)

#649DC1
(100,157,193)

#5A8CAC
(90,140,172)

#507B97
(80,123,151)

#466A82
(70,106,130)

#3C596D
(60,89,109)

#324858
(50,72,88)

#283743
(40,55,67)

#1E262E
(30,38,46)

#141519
(20,21,25)

#000000
(0,0,0)

Tints of #78BFEB

#78BFEB
(120,191,235)

#84C4EC
(132,196,236)

#90C9ED
(144,201,237)

#9CCEEE
(156,206,238)

#A8D3EF
(168,211,239)

#B4D8F0
(180,216,240)

#C0DDF1
(192,221,241)

#CCE2F2
(204,226,242)

#D8E7F3
(216,231,243)

#E4ECF4
(228,236,244)

#F0F1F5
(240,241,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #78BFEB color. Also use rgb(120,191,235) instead hex code.

Text Font Color

.myTextColor { color: #78BFEB; }

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

This text font color is #78BFEB.

Background Color

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

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

This div background color is #78BFEB.

Border color

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

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

This div border color is #78BFEB.

Opacity

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

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

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

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

This text has shadow with #78BFEB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #78BFEB.

Preview

Color preview on black background

This text has color #78BFEB on black background.

Color preview on white background

This text has color #78BFEB on white background.

Black color preview on #78BFEB background

This text has black color on #78BFEB background.

White color preview on #78BFEB background

This text has white color on #78BFEB background.