Color #60A6E3

Color info

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

RGB color model

#60A6E3 color RGB value is (96,166,227).

red value is 96;
green value is 166;
blue value is 227.

RGB:
(96,166,227)
(38%,65%,89%)

RGB channels and saturation

R 96 of 255 = 38%
G 166 of 255 = 65%
B 227 of 255 = 89%

166

227

R + G + B ~ 64%. #60A6E3 is quite light color.

Portions of RGB colors in percentages

R + G + B =
96 + 166 + 227 = 489 (100%)
R 96 of 489 ~ 19.63%
G 166 of 489 ~ 33.95%
B 227 of 489 ~ 46.42%

%19.63

%33.95

%46.42

CMYK color model

#60A6E3 color CMYK value is (58,27,0,11).

cyan value is 57.71%
magenta value is 26.87%
yellow value is 0.00%
key color value is 10.98%

CMYK:
(58,27,0,11)
C58M27Y0K11 
(58%,27%,0%,11%)
(0.58/0.27/0.00/0.11)

CMYK percentages

%57.71

%26.87

%10.98

Codes

Color #60A6E3 in popluar color models

	60	A6	E3
RGB	96	166	227
HSL	208°	70.05%	63.33%
HSB/HSV	208°	57.71%	89.02%
CMYK	57.71%	26.87%	0.00%
CMYK	10.98%

Color #60A6E3 in popluar number systems.

HEX	60	A6	E3
Decimal	96	166	227
Binary	1100000	10100110	11100011
Octal	140	246	343

Shades and tints

Shades of #60A6E3

#60A6E3
(96,166,227)

#5897CF
(88,151,207)

#5088BB
(80,136,187)

#4879A7
(72,121,167)

#406A93
(64,106,147)

#385B7F
(56,91,127)

#304C6B
(48,76,107)

#283D57
(40,61,87)

#202E43
(32,46,67)

#181F2F
(24,31,47)

#10101B
(16,16,27)

#000000
(0,0,0)

Tints of #60A6E3

#60A6E3
(96,166,227)

#6EAEE5
(110,174,229)

#7CB6E7
(124,182,231)

#8ABEE9
(138,190,233)

#98C6EB
(152,198,235)

#A6CEED
(166,206,237)

#B4D6EF
(180,214,239)

#C2DEF1
(194,222,241)

#D0E6F3
(208,230,243)

#DEEEF5
(222,238,245)

#ECF6F7
(236,246,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #60A6E3 color. Also use rgb(96,166,227) instead hex code.

Text Font Color

.myTextColor { color: #60A6E3; }

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

This text font color is #60A6E3.

Background Color

.myBgColor { background-color: #60A6E3; }

<div style="background-color:#60A6E3">Inner text</div>

This div background color is #60A6E3.

Border color

.myBorderColor { border: 1px solid #60A6E3; }

<div style="border:3px solid #60A6E3">Div</div>

This div border color is #60A6E3.

Opacity

.myOpacity80 { color: #60A6E3; opacity: 0.8; }

<p style="color:#60A6E3;opacity:0.8;">80%</p>

Text with #60A6E3 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 #60A6E3;}

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

This text has shadow with #60A6E3 color.

.textShadow {text-shadow: 3px 3px 1px #60A6E3, 3px 3px 1px red;}

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

This text has shadow with #60A6E3 primary color and red secondary color.

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

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

This text has shadow with #60A6E3 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #60A6E3.

Preview

Color preview on black background

This text has color #60A6E3 on black background.

Color preview on white background

This text has color #60A6E3 on white background.

Black color preview on #60A6E3 background

This text has black color on #60A6E3 background.

White color preview on #60A6E3 background

This text has white color on #60A6E3 background.