Color #478BE1

Color info

#478BE1 contains mainly blue color. Web safe color of #478BE1 is #3399CC (or #39C).

RGB color model

#478BE1 color RGB value is (71,139,225).

red value is 71;
green value is 139;
blue value is 225.

RGB: (71,139,225) (28%, 55%, 88%)

RGB channels and saturation

R 71 of 255 = 28%
G 139 of 255 = 55%
B 225 of 255 = 88%

71

139

225

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

Portions of RGB colors in percentages

R + G + B = 71 + 139 + 225 = 435 (100%)
R 71 of 435 ~ 16.32%
G 139 of 435 ~ 31.95%
B 225 of 435 ~ 51.72'%

%16.32

%31.95

%51.72

CMYK color model

#478BE1 color CMYK value is (68,38,0,12).

cyan value is 68.44%
magenta value is 38.22%
yellow value is 0.00%
key color value is 11.76%

CMYK: (68,38,0,12)
C68M38Y0K12 (68%, 38%, 0%, 12%)
(0.68 / 0.38 / 0.00 / 0.12)

CMYK percentages

%68.44

%38.22

%0

%11.76

Codes

Color #478BE1 in popluar color models

	47	8B	E1
RGB	71	139	225
HSL	214°	71.96%	58.04%
HSB/HSV	214°	68.44%	88.24%
CMYK	68.44%	38.22%	0.00%
CMYK	11.76%

Color #478BE1 in popluar number systems.

HEX	47	8B	E1
Decimal	71	139	225
Binary	1000111	10001011	11100001
Octal	107	213	341

Shades and tints

Shades of #478BE1

#478BE1
(71,139,225)

#417FCD
(65,127,205)

#3B73B9
(59,115,185)

#3567A5
(53,103,165)

#2F5B91
(47,91,145)

#294F7D
(41,79,125)

#234369
(35,67,105)

#1D3755
(29,55,85)

#172B41
(23,43,65)

#111F2D
(17,31,45)

#0B1319
(11,19,25)

#000000
(0,0,0)

Tints of #478BE1

#478BE1
(71,139,225)

#5795E3
(87,149,227)

#679FE5
(103,159,229)

#77A9E7
(119,169,231)

#87B3E9
(135,179,233)

#97BDEB
(151,189,235)

#A7C7ED
(167,199,237)

#B7D1EF
(183,209,239)

#C7DBF1
(199,219,241)

#D7E5F3
(215,229,243)

#E7EFF5
(231,239,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #478BE1 color. Also use rgb(71,139,225) instead hex code.

Text Font Color

.myTextColor { color: #478BE1; }

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

This text font color is #478BE1.

Background Color

.myBgColor { background-color: #478BE1; }

<div style="background-color:#478BE1">Inner text</div>

This div background color is #478BE1.

Border color

.myBorderColor { border: 1px solid #478BE1; }

This div border color is #478BE1.

Opacity

.myOpacity80 { color: #478BE1; opacity: 0.8; }

Text with #478BE1 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 #478BE1;}

This text has shadow with #478BE1 color.

.textShadow {text-shadow: 3px 3px 1px #478BE1', 3px 3px 1px red;}

This text has shadow with #478BE1 primary color and red secondary color.

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

This text has shadow with #478BE1 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #478BE1.