COLOR #719ACD

HEX: #719ACD
RGB: (113,154,205)

Color info

#719ACD contains mainly green and blue colors. Web safe color of #719ACD is #6699CC (or #69C).

RGB color model

#719ACD color RGB value is (113,154,205).

  • red value is 113;
  • green value is 154;
  • blue value is 205.
RGB:
(113,154,205)
(44%,60%,80%)

RGB channels and saturation

R 113 of 255 = 44%
G 154 of 255 = 60%
B 205 of 255 = 80%

113
154
205

R + G + B ~ 61%. #719ACD is quite light color.

Portions of RGB colors in percentages

R + G + B =
113 + 154 + 205 = 472 (100%)
R 113 of 472 ~ 23.94%
G 154 of 472 ~ 32.63%
B 205 of 472 ~ 43.43%

%23.94
%32.63
%43.43

CMYK color model

#719ACD color CMYK value is (45,25,0,20).

  • cyan value is 44.88%
  • magenta value is 24.88%
  • yellow value is 0.00%
  • key color value is 19.61%
CMYK:
(45,25,0,20)
C45M25Y0K20 
(45%,25%,0%,20%)
(0.45/0.25/0.00/0.20)	

CMYK percentages

%44.88
%24.88
%0
%19.61

Codes

Color #719ACD in popluar color models

719ACD
RGB113154205
HSL213°47.92%62.35%
HSB/HSV213°44.88%80.39%
CMYK44.88%24.88%0.00%
19.61%

Color #719ACD in popluar number systems.

HEX719ACD
Decimal113154205
Binary11100011001101011001101
Octal161232315

Shades and tints

Shades of #719ACD

#719ACD
(113,154,205)
#678CBB
(103,140,187)
#5D7EA9
(93,126,169)
#537097
(83,112,151)
#496285
(73,98,133)
#3F5473
(63,84,115)
#354661
(53,70,97)
#2B384F
(43,56,79)
#212A3D
(33,42,61)
#171C2B
(23,28,43)
#0D0E19
(13,14,25)
#000000
(0,0,0)

Tints of #719ACD

#719ACD
(113,154,205)
#7DA3D1
(125,163,209)
#89ACD5
(137,172,213)
#95B5D9
(149,181,217)
#A1BEDD
(161,190,221)
#ADC7E1
(173,199,225)
#B9D0E5
(185,208,229)
#C5D9E9
(197,217,233)
#D1E2ED
(209,226,237)
#DDEBF1
(221,235,241)
#E9F4F5
(233,244,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #719ACD color. Also use rgb(113,154,205) instead hex code.

Text Font Color

.myTextColor { color: #719ACD; }

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

This text font color is #719ACD.


Background Color

.myBgColor { background-color: #719ACD; }

<div style="background-color:#719ACD">Inner text</div>

This div background color is #719ACD.


Border color

.myBorderColor { border: 1px solid #719ACD; }

<div style="border:3px solid #719ACD">Div</div>

This div border color is #719ACD.


Opacity

.myOpacity80 { color: #719ACD; opacity: 0.8; }

<p style="color:#719ACD;opacity:0.8;">80%</p>

Text with #719ACD 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 #719ACD;}

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

This text has shadow with #719ACD color.

.textShadow {text-shadow: 3px 3px 1px #719ACD, 3px 3px 1px red;}

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

This text has shadow with #719ACD primary color and red secondary color.


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

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

This text has shadow with #719ACD and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #719ACD;
-webkit-box-shadow: 1px 1px 3px 2px #719ACD;
box-shadow:1px 1px 3px 2px #719ACD;">
Div content here</div>
This div box has shadow with color #719ACD.

Preview

Color preview on black background

This text has color #719ACD on black background.


Color preview on white background

This text has color #719ACD on white background.



Black color preview on #719ACD background

This text has black color on #719ACD background.


White color preview on #719ACD background

This text has white color on #719ACD background.