Color #4047E7

Color info

#4047E7 contains mainly blue color. Web safe color of #4047E7 is #3333FF (or #33F).

RGB color model

#4047E7 color RGB value is (64,71,231).

red value is 64;
green value is 71;
blue value is 231.

RGB:
(64,71,231)
(25%,28%,91%)

RGB channels and saturation

R 64 of 255 = 25%
G 71 of 255 = 28%
B 231 of 255 = 91%

231

R + G + B ~ 48%. #4047E7 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
64 + 71 + 231 = 366 (100%)
R 64 of 366 ~ 17.49%
G 71 of 366 ~ 19.4%
B 231 of 366 ~ 63.11%

%17.49

%19.4

%63.11

CMYK color model

#4047E7 color CMYK value is (72,69,0,9).

cyan value is 72.29%
magenta value is 69.26%
yellow value is 0.00%
key color value is 9.41%

CMYK:
(72,69,0,9)
C72M69Y0K9 
(72%,69%,0%,9%)
(0.72/0.69/0.00/0.09)

CMYK percentages

%72.29

%69.26

%9.41

Codes

Color #4047E7 in popluar color models

	40	47	E7
RGB	64	71	231
HSL	237°	77.67%	57.84%
HSB/HSV	237°	72.29%	90.59%
CMYK	72.29%	69.26%	0.00%
CMYK	9.41%

Color #4047E7 in popluar number systems.

HEX	40	47	E7
Decimal	64	71	231
Binary	1000000	1000111	11100111
Octal	100	107	347

Shades and tints

Shades of #4047E7

#4047E7
(64,71,231)

#3B41D2
(59,65,210)

#363BBD
(54,59,189)

#3135A8
(49,53,168)

#2C2F93
(44,47,147)

#27297E
(39,41,126)

#222369
(34,35,105)

#1D1D54
(29,29,84)

#18173F
(24,23,63)

#13112A
(19,17,42)

#0E0B15
(14,11,21)

#000000
(0,0,0)

Tints of #4047E7

#4047E7
(64,71,231)

#5157E9
(81,87,233)

#6267EB
(98,103,235)

#7377ED
(115,119,237)

#8487EF
(132,135,239)

#9597F1
(149,151,241)

#A6A7F3
(166,167,243)

#B7B7F5
(183,183,245)

#C8C7F7
(200,199,247)

#D9D7F9
(217,215,249)

#EAE7FB
(234,231,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4047E7 color. Also use rgb(64,71,231) instead hex code.

Text Font Color

.myTextColor { color: #4047E7; }

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

This text font color is #4047E7.

Background Color

.myBgColor { background-color: #4047E7; }

<div style="background-color:#4047E7">Inner text</div>

This div background color is #4047E7.

Border color

.myBorderColor { border: 1px solid #4047E7; }

<div style="border:3px solid #4047E7">Div</div>

This div border color is #4047E7.

Opacity

.myOpacity80 { color: #4047E7; opacity: 0.8; }

<p style="color:#4047E7;opacity:0.8;">80%</p>

Text with #4047E7 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 #4047E7;}

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

This text has shadow with #4047E7 color.

.textShadow {text-shadow: 3px 3px 1px #4047E7, 3px 3px 1px red;}

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

This text has shadow with #4047E7 primary color and red secondary color.

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

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

This text has shadow with #4047E7 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4047E7.

Preview

Color preview on black background

This text has color #4047E7 on black background.

Color preview on white background

This text has color #4047E7 on white background.

Black color preview on #4047E7 background

This text has black color on #4047E7 background.

White color preview on #4047E7 background

This text has white color on #4047E7 background.