Color #63B0DD

Color info

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

RGB color model

#63B0DD color RGB value is (99,176,221).

red value is 99;
green value is 176;
blue value is 221.

RGB: (99,176,221) (39%, 69%, 87%)

RGB channels and saturation

R 99 of 255 = 39%
G 176 of 255 = 69%
B 221 of 255 = 87%

99

176

221

R + G + B ~ 65%. #63B0DD is quite light color.

Portions of RGB colors in percentages

R + G + B = 99 + 176 + 221 = 496 (100%)
R 99 of 496 ~ 19.96%
G 176 of 496 ~ 35.48%
B 221 of 496 ~ 44.56'%

%19.96

%35.48

%44.56

CMYK color model

#63B0DD color CMYK value is (55,20,0,13).

cyan value is 55.20%
magenta value is 20.36%
yellow value is 0.00%
key color value is 13.33%

CMYK: (55,20,0,13)
C55M20Y0K13 (55%, 20%, 0%, 13%)
(0.55 / 0.20 / 0.00 / 0.13)

CMYK percentages

%55.2

%20.36

%0

%13.33

Codes

Color #63B0DD in popluar color models

	63	B0	DD
RGB	99	176	221
HSL	202°	64.21%	62.75%
HSB/HSV	202°	55.20%	86.67%
CMYK	55.20%	20.36%	0.00%
CMYK	13.33%

Color #63B0DD in popluar number systems.

HEX	63	B0	DD
Decimal	99	176	221
Binary	1100011	10110000	11011101
Octal	143	260	335

Shades and tints

Shades of #63B0DD

#63B0DD
(99,176,221)

#5AA0C9
(90,160,201)

#5190B5
(81,144,181)

#4880A1
(72,128,161)

#3F708D
(63,112,141)

#366079
(54,96,121)

#2D5065
(45,80,101)

#244051
(36,64,81)

#1B303D
(27,48,61)

#122029
(18,32,41)

#091015
(9,16,21)

#000000
(0,0,0)

Tints of #63B0DD

#63B0DD
(99,176,221)

#71B7E0
(113,183,224)

#7FBEE3
(127,190,227)

#8DC5E6
(141,197,230)

#9BCCE9
(155,204,233)

#A9D3EC
(169,211,236)

#B7DAEF
(183,218,239)

#C5E1F2
(197,225,242)

#D3E8F5
(211,232,245)

#E1EFF8
(225,239,248)

#EFF6FB
(239,246,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #63B0DD color. Also use rgb(99,176,221) instead hex code.

Text Font Color

.myTextColor { color: #63B0DD; }

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

This text font color is #63B0DD.

Background Color

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

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

This div background color is #63B0DD.

Border color

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

This div border color is #63B0DD.

Opacity

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

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

This text has shadow with #63B0DD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #63B0DD.