COLOR #3F6FCD

HEX: #3F6FCD RGB: (63,111,205)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#3F6FCD contains mainly blue color. Web safe color of #3F6FCD is #3366CC (or #36C).

RGB color model

#3F6FCD color RGB value is (63,111,205).

red value is 63;
green value is 111;
blue value is 205.

RGB: (63,111,205) (25%, 44%, 80%)

RGB channels and saturation

R 63 of 255 = 25%
G 111 of 255 = 44%
B 205 of 255 = 80%

111

205

R + G + B ~ 50%. #3F6FCD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 63 + 111 + 205 = 379 (100%)
R 63 of 379 ~ 16.62%
G 111 of 379 ~ 29.29%
B 205 of 379 ~ 54.09'%

%16.62

%29.29

%54.09

CMYK color model

#3F6FCD color CMYK value is (69,46,0,20).

cyan value is 69.27%
magenta value is 45.85%
yellow value is 0.00%
key color value is 19.61%

CMYK: (69,46,0,20) C69M46Y0K20 (69%,46%,0%,20%) (0.69/0.46/0.00/0.20)

CMYK percentages

%69.27

%45.85

%19.61

Codes

Color #3F6FCD in popluar color models

	3F	6F	CD
RGB	63	111	205
HSL	220°	58.68%	52.55%
HSB/HSV	220°	69.27%	80.39%
CMYK	69.27%	45.85%	0.00%
CMYK	19.61%

Color #3F6FCD in popluar number systems.

HEX	3F	6F	CD
Decimal	63	111	205
Binary	111111	1101111	11001101
Octal	77	157	315

Shades and tints

Shades of #3F6FCD

#3F6FCD
(63,111,205)

#3A65BB
(58,101,187)

#355BA9
(53,91,169)

#305197
(48,81,151)

#2B4785
(43,71,133)

#263D73
(38,61,115)

#213361
(33,51,97)

#1C294F
(28,41,79)

#171F3D
(23,31,61)

#12152B
(18,21,43)

#0D0B19
(13,11,25)

#000000
(0,0,0)

Tints of #3F6FCD

#3F6FCD
(63,111,205)

#507CD1
(80,124,209)

#6189D5
(97,137,213)

#7296D9
(114,150,217)

#83A3DD
(131,163,221)

#94B0E1
(148,176,225)

#A5BDE5
(165,189,229)

#B6CAE9
(182,202,233)

#C7D7ED
(199,215,237)

#D8E4F1
(216,228,241)

#E9F1F5
(233,241,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3F6FCD color. Also use rgb(63,111,205) instead hex code.

Text Font Color

.myTextColor { color: #3F6FCD; }

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

This text font color is #3F6FCD.

Background Color

.myBgColor { background-color: #3F6FCD; }

<div style="background-color:#3F6FCD">Inner text</div>

This div background color is #3F6FCD.

Border color

.myBorderColor { border: 1px solid #3F6FCD; }

This div border color is #3F6FCD.

Opacity

.myOpacity80 { color: #3F6FCD; opacity: 0.8; }

Text with #3F6FCD 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 #3F6FCD;}

This text has shadow with #3F6FCD color.

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

This text has shadow with #3F6FCD primary color and red secondary color.

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

This text has shadow with #3F6FCD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3F6FCD.