COLOR #78839A

HEX: #78839A
RGB: (120,131,154)

Color info

#78839A contains red, green and blue colors in about the same proportion. Web safe color of #78839A is #669999 (or #699).

RGB color model

#78839A color RGB value is (120,131,154).

  • red value is 120;
  • green value is 131;
  • blue value is 154.
RGB:
(120,131,154)
(47%,51%,60%)

RGB channels and saturation

R 120 of 255 = 47%
G 131 of 255 = 51%
B 154 of 255 = 60%

120
131
154

R + G + B ~ 53%. #78839A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
120 + 131 + 154 = 405 (100%)
R 120 of 405 ~ 29.63%
G 131 of 405 ~ 32.35%
B 154 of 405 ~ 38.02%

%29.63
%32.35
%38.02

CMYK color model

#78839A color CMYK value is (22,15,0,40).

  • cyan value is 22.08%
  • magenta value is 14.94%
  • yellow value is 0.00%
  • key color value is 39.61%
CMYK:
(22,15,0,40)
C22M15Y0K40 
(22%,15%,0%,40%)
(0.22/0.15/0.00/0.40)	

CMYK percentages

%22.08
%14.94
%0
%39.61

Codes

Color #78839A in popluar color models

78839A
RGB120131154
HSL221°14.41%53.73%
HSB/HSV221°22.08%60.39%
CMYK22.08%14.94%0.00%
39.61%

Color #78839A in popluar number systems.

HEX78839A
Decimal120131154
Binary11110001000001110011010
Octal170203232

Shades and tints

Shades of #78839A

#78839A
(120,131,154)
#6E788C
(110,120,140)
#646D7E
(100,109,126)
#5A6270
(90,98,112)
#505762
(80,87,98)
#464C54
(70,76,84)
#3C4146
(60,65,70)
#323638
(50,54,56)
#282B2A
(40,43,42)
#1E201C
(30,32,28)
#14150E
(20,21,14)
#000000
(0,0,0)

Tints of #78839A

#78839A
(120,131,154)
#848EA3
(132,142,163)
#9099AC
(144,153,172)
#9CA4B5
(156,164,181)
#A8AFBE
(168,175,190)
#B4BAC7
(180,186,199)
#C0C5D0
(192,197,208)
#CCD0D9
(204,208,217)
#D8DBE2
(216,219,226)
#E4E6EB
(228,230,235)
#F0F1F4
(240,241,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #78839A color. Also use rgb(120,131,154) instead hex code.

Text Font Color

.myTextColor { color: #78839A; }

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

This text font color is #78839A.


Background Color

.myBgColor { background-color: #78839A; }

<div style="background-color:#78839A">Inner text</div>

This div background color is #78839A.


Border color

.myBorderColor { border: 1px solid #78839A; }

<div style="border:3px solid #78839A">Div</div>

This div border color is #78839A.


Opacity

.myOpacity80 { color: #78839A; opacity: 0.8; }

<p style="color:#78839A;opacity:0.8;">80%</p>

Text with #78839A 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 #78839A;}

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

This text has shadow with #78839A color.

.textShadow {text-shadow: 3px 3px 1px #78839A, 3px 3px 1px red;}

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

This text has shadow with #78839A primary color and red secondary color.


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

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

This text has shadow with #78839A and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #78839A;
-webkit-box-shadow: 1px 1px 3px 2px #78839A;
box-shadow:1px 1px 3px 2px #78839A;">
Div content here</div>
This div box has shadow with color #78839A.

Preview

Color preview on black background

This text has color #78839A on black background.


Color preview on white background

This text has color #78839A on white background.



Black color preview on #78839A background

This text has black color on #78839A background.


White color preview on #78839A background

This text has white color on #78839A background.