Color #063FDD

Color info

#063FDD contains mainly blue color. Web safe color of #063FDD is #0033CC (or #03C).

RGB color model

#063FDD color RGB value is (6,63,221).

red value is 6;
green value is 63;
blue value is 221.

RGB:
(6,63,221)
(2%,25%,87%)

RGB channels and saturation

R 6 of 255 = 2%
G 63 of 255 = 25%
B 221 of 255 = 87%

221

R + G + B ~ 38%. #063FDD is quite dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 63 + 221 = 290 (100%)
R 6 of 290 ~ 2.07%
G 63 of 290 ~ 21.72%
B 221 of 290 ~ 76.21%

%21.72

%76.21

CMYK color model

#063FDD color CMYK value is (97,71,0,13).

cyan value is 97.29%
magenta value is 71.49%
yellow value is 0.00%
key color value is 13.33%

CMYK:
(97,71,0,13)
C97M71Y0K13 
(97%,71%,0%,13%)
(0.97/0.71/0.00/0.13)

CMYK percentages

%97.29

%71.49

%13.33

Codes

Color #063FDD in popluar color models

	06	3F	DD
RGB	6	63	221
HSL	224°	94.71%	44.51%
HSB/HSV	224°	97.29%	86.67%
CMYK	97.29%	71.49%	0.00%
CMYK	13.33%

Color #063FDD in popluar number systems.

HEX	06	3F	DD
Decimal	6	63	221
Binary	110	111111	11011101
Octal	6	77	335

Shades and tints

Shades of #063FDD

#063FDD
(6,63,221)

#063AC9
(6,58,201)

#0635B5
(6,53,181)

#0630A1
(6,48,161)

#062B8D
(6,43,141)

#062679
(6,38,121)

#062165
(6,33,101)

#061C51
(6,28,81)

#06173D
(6,23,61)

#061229
(6,18,41)

#060D15
(6,13,21)

#000000
(0,0,0)

Tints of #063FDD

#063FDD
(6,63,221)

#1C50E0
(28,80,224)

#3261E3
(50,97,227)

#4872E6
(72,114,230)

#5E83E9
(94,131,233)

#7494EC
(116,148,236)

#8AA5EF
(138,165,239)

#A0B6F2
(160,182,242)

#B6C7F5
(182,199,245)

#CCD8F8
(204,216,248)

#E2E9FB
(226,233,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #063FDD color. Also use rgb(6,63,221) instead hex code.

Text Font Color

.myTextColor { color: #063FDD; }

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

This text font color is #063FDD.

Background Color

.myBgColor { background-color: #063FDD; }

<div style="background-color:#063FDD">Inner text</div>

This div background color is #063FDD.

Border color

.myBorderColor { border: 1px solid #063FDD; }

<div style="border:3px solid #063FDD">Div</div>

This div border color is #063FDD.

Opacity

.myOpacity80 { color: #063FDD; opacity: 0.8; }

<p style="color:#063FDD;opacity:0.8;">80%</p>

Text with #063FDD 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 #063FDD;}

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

This text has shadow with #063FDD color.

.textShadow {text-shadow: 3px 3px 1px #063FDD, 3px 3px 1px red;}

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

This text has shadow with #063FDD primary color and red secondary color.

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

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

This text has shadow with #063FDD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #063FDD.

Preview

Color preview on black background

This text has color #063FDD on black background.

Color preview on white background

This text has color #063FDD on white background.

Black color preview on #063FDD background

This text has black color on #063FDD background.

White color preview on #063FDD background

This text has white color on #063FDD background.