Color #494FDF

Color info

#494FDF contains mainly blue color. Web safe color of #494FDF is #3366CC (or #36C).

RGB color model

#494FDF color RGB value is (73,79,223).

red value is 73;
green value is 79;
blue value is 223.

RGB:
(73,79,223)
(29%,31%,87%)

RGB channels and saturation

R 73 of 255 = 29%
G 79 of 255 = 31%
B 223 of 255 = 87%

223

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

Portions of RGB colors in percentages

R + G + B =
73 + 79 + 223 = 375 (100%)
R 73 of 375 ~ 19.47%
G 79 of 375 ~ 21.07%
B 223 of 375 ~ 59.47%

%19.47

%21.07

%59.47

CMYK color model

#494FDF color CMYK value is (67,65,0,13).

cyan value is 67.26%
magenta value is 64.57%
yellow value is 0.00%
key color value is 12.55%

CMYK:
(67,65,0,13)
C67M65Y0K13 
(67%,65%,0%,13%)
(0.67/0.65/0.00/0.13)

CMYK percentages

%67.26

%64.57

%12.55

Codes

Color #494FDF in popluar color models

	49	4F	DF
RGB	73	79	223
HSL	238°	70.09%	58.04%
HSB/HSV	238°	67.26%	87.45%
CMYK	67.26%	64.57%	0.00%
CMYK	12.55%

Color #494FDF in popluar number systems.

HEX	49	4F	DF
Decimal	73	79	223
Binary	1001001	1001111	11011111
Octal	111	117	337

Shades and tints

Shades of #494FDF

#494FDF
(73,79,223)

#4348CB
(67,72,203)

#3D41B7
(61,65,183)

#373AA3
(55,58,163)

#31338F
(49,51,143)

#2B2C7B
(43,44,123)

#252567
(37,37,103)

#1F1E53
(31,30,83)

#19173F
(25,23,63)

#13102B
(19,16,43)

#0D0917
(13,9,23)

#000000
(0,0,0)

Tints of #494FDF

#494FDF
(73,79,223)

#595FE1
(89,95,225)

#696FE3
(105,111,227)

#797FE5
(121,127,229)

#898FE7
(137,143,231)

#999FE9
(153,159,233)

#A9AFEB
(169,175,235)

#B9BFED
(185,191,237)

#C9CFEF
(201,207,239)

#D9DFF1
(217,223,241)

#E9EFF3
(233,239,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #494FDF color. Also use rgb(73,79,223) instead hex code.

Text Font Color

.myTextColor { color: #494FDF; }

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

This text font color is #494FDF.

Background Color

.myBgColor { background-color: #494FDF; }

<div style="background-color:#494FDF">Inner text</div>

This div background color is #494FDF.

Border color

.myBorderColor { border: 1px solid #494FDF; }

<div style="border:3px solid #494FDF">Div</div>

This div border color is #494FDF.

Opacity

.myOpacity80 { color: #494FDF; opacity: 0.8; }

<p style="color:#494FDF;opacity:0.8;">80%</p>

Text with #494FDF 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 #494FDF;}

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

This text has shadow with #494FDF color.

.textShadow {text-shadow: 3px 3px 1px #494FDF, 3px 3px 1px red;}

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

This text has shadow with #494FDF primary color and red secondary color.

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

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

This text has shadow with #494FDF and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #494FDF.

Preview

Color preview on black background

This text has color #494FDF on black background.

Color preview on white background

This text has color #494FDF on white background.

Black color preview on #494FDF background

This text has black color on #494FDF background.

White color preview on #494FDF background

This text has white color on #494FDF background.