COLOR #4E7AAB

HEX: #4E7AAB
RGB: (78,122,171)

Color info

#4E7AAB contains mainly green and blue colors. Web safe color of #4E7AAB is #666699 (or #669).

RGB color model

#4E7AAB color RGB value is (78,122,171).

  • red value is 78;
  • green value is 122;
  • blue value is 171.
RGB:
(78,122,171)
(31%,48%,67%)

RGB channels and saturation

R 78 of 255 = 31%
G 122 of 255 = 48%
B 171 of 255 = 67%

78
122
171

R + G + B ~ 49%. #4E7AAB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
78 + 122 + 171 = 371 (100%)
R 78 of 371 ~ 21.02%
G 122 of 371 ~ 32.88%
B 171 of 371 ~ 46.09%

%21.02
%32.88
%46.09

CMYK color model

#4E7AAB color CMYK value is (54,29,0,33).

  • cyan value is 54.39%
  • magenta value is 28.65%
  • yellow value is 0.00%
  • key color value is 32.94%
CMYK:
(54,29,0,33)
C54M29Y0K33 
(54%,29%,0%,33%)
(0.54/0.29/0.00/0.33)	

CMYK percentages

%54.39
%28.65
%0
%32.94

Codes

Color #4E7AAB in popluar color models

4E7AAB
RGB78122171
HSL212°37.35%48.82%
HSB/HSV212°54.39%67.06%
CMYK54.39%28.65%0.00%
32.94%

Color #4E7AAB in popluar number systems.

HEX4E7AAB
Decimal78122171
Binary1001110111101010101011
Octal116172253

Shades and tints

Shades of #4E7AAB

#4E7AAB
(78,122,171)
#476F9C
(71,111,156)
#40648D
(64,100,141)
#39597E
(57,89,126)
#324E6F
(50,78,111)
#2B4360
(43,67,96)
#243851
(36,56,81)
#1D2D42
(29,45,66)
#162233
(22,34,51)
#0F1724
(15,23,36)
#080C15
(8,12,21)
#000000
(0,0,0)

Tints of #4E7AAB

#4E7AAB
(78,122,171)
#5E86B2
(94,134,178)
#6E92B9
(110,146,185)
#7E9EC0
(126,158,192)
#8EAAC7
(142,170,199)
#9EB6CE
(158,182,206)
#AEC2D5
(174,194,213)
#BECEDC
(190,206,220)
#CEDAE3
(206,218,227)
#DEE6EA
(222,230,234)
#EEF2F1
(238,242,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4E7AAB color. Also use rgb(78,122,171) instead hex code.

Text Font Color

.myTextColor { color: #4E7AAB; }

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

This text font color is #4E7AAB.


Background Color

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

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

This div background color is #4E7AAB.


Border color

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

<div style="border:3px solid #4E7AAB">Div</div>

This div border color is #4E7AAB.


Opacity

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

<p style="color:#4E7AAB;opacity:0.8;">80%</p>

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

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

This text has shadow with #4E7AAB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4E7AAB on black background.


Color preview on white background

This text has color #4E7AAB on white background.



Black color preview on #4E7AAB background

This text has black color on #4E7AAB background.


White color preview on #4E7AAB background

This text has white color on #4E7AAB background.