Color #63AECC

Color info

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

RGB color model

#63AECC color RGB value is (99,174,204).

red value is 99;
green value is 174;
blue value is 204.

RGB:
(99,174,204)
(39%,68%,80%)

RGB channels and saturation

R 99 of 255 = 39%
G 174 of 255 = 68%
B 204 of 255 = 80%

174

204

R + G + B ~ 62%. #63AECC is quite light color.

Portions of RGB colors in percentages

R + G + B =
99 + 174 + 204 = 477 (100%)
R 99 of 477 ~ 20.75%
G 174 of 477 ~ 36.48%
B 204 of 477 ~ 42.77%

%20.75

%36.48

%42.77

CMYK color model

#63AECC color CMYK value is (51,15,0,20).

cyan value is 51.47%
magenta value is 14.71%
yellow value is 0.00%
key color value is 20.00%

CMYK:
(51,15,0,20)
C51M15Y0K20 
(51%,15%,0%,20%)
(0.51/0.15/0.00/0.20)

CMYK percentages

%51.47

%14.71

%20

Codes

Color #63AECC in popluar color models

	63	AE	CC
RGB	99	174	204
HSL	197°	50.72%	59.41%
HSB/HSV	197°	51.47%	80.00%
CMYK	51.47%	14.71%	0.00%
CMYK	20.00%

Color #63AECC in popluar number systems.

HEX	63	AE	CC
Decimal	99	174	204
Binary	1100011	10101110	11001100
Octal	143	256	314

Shades and tints

Shades of #63AECC

#63AECC
(99,174,204)

#5A9FBA
(90,159,186)

#5190A8
(81,144,168)

#488196
(72,129,150)

#3F7284
(63,114,132)

#366372
(54,99,114)

#2D5460
(45,84,96)

#24454E
(36,69,78)

#1B363C
(27,54,60)

#12272A
(18,39,42)

#091818
(9,24,24)

#000000
(0,0,0)

Tints of #63AECC

#63AECC
(99,174,204)

#71B5D0
(113,181,208)

#7FBCD4
(127,188,212)

#8DC3D8
(141,195,216)

#9BCADC
(155,202,220)

#A9D1E0
(169,209,224)

#B7D8E4
(183,216,228)

#C5DFE8
(197,223,232)

#D3E6EC
(211,230,236)

#E1EDF0
(225,237,240)

#EFF4F4
(239,244,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #63AECC color. Also use rgb(99,174,204) instead hex code.

Text Font Color

.myTextColor { color: #63AECC; }

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

This text font color is #63AECC.

Background Color

.myBgColor { background-color: #63AECC; }

<div style="background-color:#63AECC">Inner text</div>

This div background color is #63AECC.

Border color

.myBorderColor { border: 1px solid #63AECC; }

<div style="border:3px solid #63AECC">Div</div>

This div border color is #63AECC.

Opacity

.myOpacity80 { color: #63AECC; opacity: 0.8; }

<p style="color:#63AECC;opacity:0.8;">80%</p>

Text with #63AECC 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 #63AECC;}

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

This text has shadow with #63AECC color.

.textShadow {text-shadow: 3px 3px 1px #63AECC, 3px 3px 1px red;}

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

This text has shadow with #63AECC primary color and red secondary color.

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

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

This text has shadow with #63AECC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #63AECC.

Preview

Color preview on black background

This text has color #63AECC on black background.

Color preview on white background

This text has color #63AECC on white background.

Black color preview on #63AECC background

This text has black color on #63AECC background.

White color preview on #63AECC background

This text has white color on #63AECC background.