Color #718DDA

Color info

#718DDA contains mainly blue color. Web safe color of #718DDA is #6699CC (or #69C).

RGB color model

#718DDA color RGB value is (113,141,218).

red value is 113;
green value is 141;
blue value is 218.

RGB:
(113,141,218)
(44%,55%,85%)

RGB channels and saturation

R 113 of 255 = 44%
G 141 of 255 = 55%
B 218 of 255 = 85%

113

141

218

R + G + B ~ 61%. #718DDA is quite light color.

Portions of RGB colors in percentages

R + G + B =
113 + 141 + 218 = 472 (100%)
R 113 of 472 ~ 23.94%
G 141 of 472 ~ 29.87%
B 218 of 472 ~ 46.19%

%23.94

%29.87

%46.19

CMYK color model

#718DDA color CMYK value is (48,35,0,15).

cyan value is 48.17%
magenta value is 35.32%
yellow value is 0.00%
key color value is 14.51%

CMYK:
(48,35,0,15)
C48M35Y0K15 
(48%,35%,0%,15%)
(0.48/0.35/0.00/0.15)

CMYK percentages

%48.17

%35.32

%14.51

Codes

Color #718DDA in popluar color models

	71	8D	DA
RGB	113	141	218
HSL	224°	58.66%	64.90%
HSB/HSV	224°	48.17%	85.49%
CMYK	48.17%	35.32%	0.00%
CMYK	14.51%

Color #718DDA in popluar number systems.

HEX	71	8D	DA
Decimal	113	141	218
Binary	1110001	10001101	11011010
Octal	161	215	332

Shades and tints

Shades of #718DDA

#718DDA
(113,141,218)

#6781C7
(103,129,199)

#5D75B4
(93,117,180)

#5369A1
(83,105,161)

#495D8E
(73,93,142)

#3F517B
(63,81,123)

#354568
(53,69,104)

#2B3955
(43,57,85)

#212D42
(33,45,66)

#17212F
(23,33,47)

#0D151C
(13,21,28)

#000000
(0,0,0)

Tints of #718DDA

#718DDA
(113,141,218)

#7D97DD
(125,151,221)

#89A1E0
(137,161,224)

#95ABE3
(149,171,227)

#A1B5E6
(161,181,230)

#ADBFE9
(173,191,233)

#B9C9EC
(185,201,236)

#C5D3EF
(197,211,239)

#D1DDF2
(209,221,242)

#DDE7F5
(221,231,245)

#E9F1F8
(233,241,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #718DDA color. Also use rgb(113,141,218) instead hex code.

Text Font Color

.myTextColor { color: #718DDA; }

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

This text font color is #718DDA.

Background Color

.myBgColor { background-color: #718DDA; }

<div style="background-color:#718DDA">Inner text</div>

This div background color is #718DDA.

Border color

.myBorderColor { border: 1px solid #718DDA; }

<div style="border:3px solid #718DDA">Div</div>

This div border color is #718DDA.

Opacity

.myOpacity80 { color: #718DDA; opacity: 0.8; }

<p style="color:#718DDA;opacity:0.8;">80%</p>

Text with #718DDA 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 #718DDA;}

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

This text has shadow with #718DDA color.

.textShadow {text-shadow: 3px 3px 1px #718DDA, 3px 3px 1px red;}

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

This text has shadow with #718DDA primary color and red secondary color.

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

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

This text has shadow with #718DDA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #718DDA.

Preview

Color preview on black background

This text has color #718DDA on black background.

Color preview on white background

This text has color #718DDA on white background.

Black color preview on #718DDA background

This text has black color on #718DDA background.

White color preview on #718DDA background

This text has white color on #718DDA background.