Color #78AFE1

Color info

#78AFE1 contains mainly green and blue colors. Web safe color of #78AFE1 is #6699CC (or #69C).

RGB color model

#78AFE1 color RGB value is (120,175,225).

red value is 120;
green value is 175;
blue value is 225.

RGB: (120,175,225) (47%, 69%, 88%)

RGB channels and saturation

R 120 of 255 = 47%
G 175 of 255 = 69%
B 225 of 255 = 88%

120

175

225

R + G + B ~ 68%. #78AFE1 is quite light color.

Portions of RGB colors in percentages

R + G + B = 120 + 175 + 225 = 520 (100%)
R 120 of 520 ~ 23.08%
G 175 of 520 ~ 33.65%
B 225 of 520 ~ 43.27'%

%23.08

%33.65

%43.27

CMYK color model

#78AFE1 color CMYK value is (47,22,0,12).

cyan value is 46.67%
magenta value is 22.22%
yellow value is 0.00%
key color value is 11.76%

CMYK: (47,22,0,12)
C47M22Y0K12 (47%, 22%, 0%, 12%)
(0.47 / 0.22 / 0.00 / 0.12)

CMYK percentages

%46.67

%22.22

%0

%11.76

Codes

Color #78AFE1 in popluar color models

	78	AF	E1
RGB	120	175	225
HSL	209°	63.64%	67.65%
HSB/HSV	209°	46.67%	88.24%
CMYK	46.67%	22.22%	0.00%
CMYK	11.76%

Color #78AFE1 in popluar number systems.

HEX	78	AF	E1
Decimal	120	175	225
Binary	1111000	10101111	11100001
Octal	170	257	341

Shades and tints

Shades of #78AFE1

#78AFE1
(120,175,225)

#6EA0CD
(110,160,205)

#6491B9
(100,145,185)

#5A82A5
(90,130,165)

#507391
(80,115,145)

#46647D
(70,100,125)

#3C5569
(60,85,105)

#324655
(50,70,85)

#283741
(40,55,65)

#1E282D
(30,40,45)

#141919
(20,25,25)

#000000
(0,0,0)

Tints of #78AFE1

#78AFE1
(120,175,225)

#84B6E3
(132,182,227)

#90BDE5
(144,189,229)

#9CC4E7
(156,196,231)

#A8CBE9
(168,203,233)

#B4D2EB
(180,210,235)

#C0D9ED
(192,217,237)

#CCE0EF
(204,224,239)

#D8E7F1
(216,231,241)

#E4EEF3
(228,238,243)

#F0F5F5
(240,245,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #78AFE1 color. Also use rgb(120,175,225) instead hex code.

Text Font Color

.myTextColor { color: #78AFE1; }

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

This text font color is #78AFE1.

Background Color

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

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

This div background color is #78AFE1.

Border color

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

This div border color is #78AFE1.

Opacity

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

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

This text has shadow with #78AFE1 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #78AFE1.