Color #3F65C0

Color info

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

RGB color model

#3F65C0 color RGB value is (63,101,192).

red value is 63;
green value is 101;
blue value is 192.

RGB: (63,101,192) (25%, 40%, 75%)

RGB channels and saturation

R 63 of 255 = 25%
G 101 of 255 = 40%
B 192 of 255 = 75%

63

101

192

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

Portions of RGB colors in percentages

R + G + B = 63 + 101 + 192 = 356 (100%)
R 63 of 356 ~ 17.7%
G 101 of 356 ~ 28.37%
B 192 of 356 ~ 53.93'%

%17.7

%28.37

%53.93

CMYK color model

#3F65C0 color CMYK value is (67,47,0,25).

cyan value is 67.19%
magenta value is 47.40%
yellow value is 0.00%
key color value is 24.71%

CMYK: (67,47,0,25)
C67M47Y0K25 (67%, 47%, 0%, 25%)
(0.67 / 0.47 / 0.00 / 0.25)

CMYK percentages

%67.19

%47.4

%0

%24.71

Codes

Color #3F65C0 in popluar color models

	3F	65	C0
RGB	63	101	192
HSL	222°	50.59%	50.00%
HSB/HSV	222°	67.19%	75.29%
CMYK	67.19%	47.40%	0.00%
CMYK	24.71%

Color #3F65C0 in popluar number systems.

HEX	3F	65	C0
Decimal	63	101	192
Binary	111111	1100101	11000000
Octal	77	145	300

Shades and tints

Shades of #3F65C0

#3F65C0
(63,101,192)

#3A5CAF
(58,92,175)

#35539E
(53,83,158)

#304A8D
(48,74,141)

#2B417C
(43,65,124)

#26386B
(38,56,107)

#212F5A
(33,47,90)

#1C2649
(28,38,73)

#171D38
(23,29,56)

#121427
(18,20,39)

#0D0B16
(13,11,22)

#000000
(0,0,0)

Tints of #3F65C0

#3F65C0
(63,101,192)

#5073C5
(80,115,197)

#6181CA
(97,129,202)

#728FCF
(114,143,207)

#839DD4
(131,157,212)

#94ABD9
(148,171,217)

#A5B9DE
(165,185,222)

#B6C7E3
(182,199,227)

#C7D5E8
(199,213,232)

#D8E3ED
(216,227,237)

#E9F1F2
(233,241,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3F65C0 color. Also use rgb(63,101,192) instead hex code.

Text Font Color

.myTextColor { color: #3F65C0; }

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

This text font color is #3F65C0.

Background Color

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

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

This div background color is #3F65C0.

Border color

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

This div border color is #3F65C0.

Opacity

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

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

This text has shadow with #3F65C0 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3F65C0.