Color #4D6EFB

Color info

#4D6EFB contains mainly blue color. Web safe color of #4D6EFB is #3366FF (or #36F).

RGB color model

#4D6EFB color RGB value is (77,110,251).

red value is 77;
green value is 110;
blue value is 251.

RGB:
(77,110,251)
(30%,43%,98%)

RGB channels and saturation

R 77 of 255 = 30%
G 110 of 255 = 43%
B 251 of 255 = 98%

110

251

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

Portions of RGB colors in percentages

R + G + B =
77 + 110 + 251 = 438 (100%)
R 77 of 438 ~ 17.58%
G 110 of 438 ~ 25.11%
B 251 of 438 ~ 57.31%

%17.58

%25.11

%57.31

CMYK color model

#4D6EFB color CMYK value is (69,56,0,2).

cyan value is 69.32%
magenta value is 56.18%
yellow value is 0.00%
key color value is 1.57%

CMYK:
(69,56,0,2)
C69M56Y0K2 
(69%,56%,0%,2%)
(0.69/0.56/0.00/0.02)

CMYK percentages

%69.32

%56.18

%1.57

Codes

Color #4D6EFB in popluar color models

	4D	6E	FB
RGB	77	110	251
HSL	229°	95.60%	64.31%
HSB/HSV	229°	69.32%	98.43%
CMYK	69.32%	56.18%	0.00%
CMYK	1.57%

Color #4D6EFB in popluar number systems.

HEX	4D	6E	FB
Decimal	77	110	251
Binary	1001101	1101110	11111011
Octal	115	156	373

Shades and tints

Shades of #4D6EFB

#4D6EFB
(77,110,251)

#4664E5
(70,100,229)

#3F5ACF
(63,90,207)

#3850B9
(56,80,185)

#3146A3
(49,70,163)

#2A3C8D
(42,60,141)

#233277
(35,50,119)

#1C2861
(28,40,97)

#151E4B
(21,30,75)

#0E1435
(14,20,53)

#070A1F
(7,10,31)

#000000
(0,0,0)

Tints of #4D6EFB

#4D6EFB
(77,110,251)

#5D7BFB
(93,123,251)

#6D88FB
(109,136,251)

#7D95FB
(125,149,251)

#8DA2FB
(141,162,251)

#9DAFFB
(157,175,251)

#ADBCFB
(173,188,251)

#BDC9FB
(189,201,251)

#CDD6FB
(205,214,251)

#DDE3FB
(221,227,251)

#EDF0FB
(237,240,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4D6EFB color. Also use rgb(77,110,251) instead hex code.

Text Font Color

.myTextColor { color: #4D6EFB; }

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

This text font color is #4D6EFB.

Background Color

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

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

This div background color is #4D6EFB.

Border color

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

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

This div border color is #4D6EFB.

Opacity

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

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

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

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

This text has shadow with #4D6EFB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4D6EFB.

Preview

Color preview on black background

This text has color #4D6EFB on black background.

Color preview on white background

This text has color #4D6EFB on white background.

Black color preview on #4D6EFB background

This text has black color on #4D6EFB background.

White color preview on #4D6EFB background

This text has white color on #4D6EFB background.