Color #70CAEE

Color info

#70CAEE contains mainly green and blue colors. Web safe color of #70CAEE is #66CCFF (or #6CF).

RGB color model

#70CAEE color RGB value is (112,202,238).

red value is 112;
green value is 202;
blue value is 238.

RGB:
(112,202,238)
(44%,79%,93%)

RGB channels and saturation

R 112 of 255 = 44%
G 202 of 255 = 79%
B 238 of 255 = 93%

112

202

238

R + G + B ~ 72%. #70CAEE is quite light color.

Portions of RGB colors in percentages

R + G + B =
112 + 202 + 238 = 552 (100%)
R 112 of 552 ~ 20.29%
G 202 of 552 ~ 36.59%
B 238 of 552 ~ 43.12%

%20.29

%36.59

%43.12

CMYK color model

#70CAEE color CMYK value is (53,15,0,7).

cyan value is 52.94%
magenta value is 15.13%
yellow value is 0.00%
key color value is 6.67%

CMYK:
(53,15,0,7)
C53M15Y0K7 
(53%,15%,0%,7%)
(0.53/0.15/0.00/0.07)

CMYK percentages

%52.94

%15.13

%6.67

Codes

Color #70CAEE in popluar color models

	70	CA	EE
RGB	112	202	238
HSL	197°	78.75%	68.63%
HSB/HSV	197°	52.94%	93.33%
CMYK	52.94%	15.13%	0.00%
CMYK	6.67%

Color #70CAEE in popluar number systems.

HEX	70	CA	EE
Decimal	112	202	238
Binary	1110000	11001010	11101110
Octal	160	312	356

Shades and tints

Shades of #70CAEE

#70CAEE
(112,202,238)

#66B8D9
(102,184,217)

#5CA6C4
(92,166,196)

#5294AF
(82,148,175)

#48829A
(72,130,154)

#3E7085
(62,112,133)

#345E70
(52,94,112)

#2A4C5B
(42,76,91)

#203A46
(32,58,70)

#162831
(22,40,49)

#0C161C
(12,22,28)

#000000
(0,0,0)

Tints of #70CAEE

#70CAEE
(112,202,238)

#7DCEEF
(125,206,239)

#8AD2F0
(138,210,240)

#97D6F1
(151,214,241)

#A4DAF2
(164,218,242)

#B1DEF3
(177,222,243)

#BEE2F4
(190,226,244)

#CBE6F5
(203,230,245)

#D8EAF6
(216,234,246)

#E5EEF7
(229,238,247)

#F2F2F8
(242,242,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #70CAEE color. Also use rgb(112,202,238) instead hex code.

Text Font Color

.myTextColor { color: #70CAEE; }

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

This text font color is #70CAEE.

Background Color

.myBgColor { background-color: #70CAEE; }

<div style="background-color:#70CAEE">Inner text</div>

This div background color is #70CAEE.

Border color

.myBorderColor { border: 1px solid #70CAEE; }

<div style="border:3px solid #70CAEE">Div</div>

This div border color is #70CAEE.

Opacity

.myOpacity80 { color: #70CAEE; opacity: 0.8; }

<p style="color:#70CAEE;opacity:0.8;">80%</p>

Text with #70CAEE 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 #70CAEE;}

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

This text has shadow with #70CAEE color.

.textShadow {text-shadow: 3px 3px 1px #70CAEE, 3px 3px 1px red;}

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

This text has shadow with #70CAEE primary color and red secondary color.

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

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

This text has shadow with #70CAEE and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #70CAEE.

Preview

Color preview on black background

This text has color #70CAEE on black background.

Color preview on white background

This text has color #70CAEE on white background.

Black color preview on #70CAEE background

This text has black color on #70CAEE background.

White color preview on #70CAEE background

This text has white color on #70CAEE background.