Color #70B6CA

Color info

#70B6CA contains mainly green and blue colors. Web safe color of #70B6CA is #66CCCC (or #6CC).

RGB color model

#70B6CA color RGB value is (112,182,202).

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

RGB: (112,182,202) (44%, 71%, 79%)

RGB channels and saturation

R 112 of 255 = 44%
G 182 of 255 = 71%
B 202 of 255 = 79%

112

182

202

R + G + B ~ 65%. #70B6CA is quite light color.

Portions of RGB colors in percentages

R + G + B = 112 + 182 + 202 = 496 (100%)
R 112 of 496 ~ 22.58%
G 182 of 496 ~ 36.69%
B 202 of 496 ~ 40.73'%

%22.58

%36.69

%40.73

CMYK color model

#70B6CA color CMYK value is (45,10,0,21).

cyan value is 44.55%
magenta value is 9.90%
yellow value is 0.00%
key color value is 20.78%

CMYK: (45,10,0,21)
C45M10Y0K21 (45%, 10%, 0%, 21%)
(0.45 / 0.10 / 0.00 / 0.21)

CMYK percentages

%44.55

%9.9

%0

%20.78

Codes

Color #70B6CA in popluar color models

	70	B6	CA
RGB	112	182	202
HSL	193°	45.92%	61.57%
HSB/HSV	193°	44.55%	79.22%
CMYK	44.55%	9.90%	0.00%
CMYK	20.78%

Color #70B6CA in popluar number systems.

HEX	70	B6	CA
Decimal	112	182	202
Binary	1110000	10110110	11001010
Octal	160	266	312

Shades and tints

Shades of #70B6CA

#70B6CA
(112,182,202)

#66A6B8
(102,166,184)

#5C96A6
(92,150,166)

#528694
(82,134,148)

#487682
(72,118,130)

#3E6670
(62,102,112)

#34565E
(52,86,94)

#2A464C
(42,70,76)

#20363A
(32,54,58)

#162628
(22,38,40)

#0C1616
(12,22,22)

#000000
(0,0,0)

Tints of #70B6CA

#70B6CA
(112,182,202)

#7DBCCE
(125,188,206)

#8AC2D2
(138,194,210)

#97C8D6
(151,200,214)

#A4CEDA
(164,206,218)

#B1D4DE
(177,212,222)

#BEDAE2
(190,218,226)

#CBE0E6
(203,224,230)

#D8E6EA
(216,230,234)

#E5ECEE
(229,236,238)

#F2F2F2
(242,242,242)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #70B6CA; }

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

This text font color is #70B6CA.

Background Color

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

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

This div background color is #70B6CA.

Border color

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

This div border color is #70B6CA.

Opacity

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

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

This text has shadow with #70B6CA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #70B6CA.