Color #3C96FA

Color info

#3C96FA contains mainly blue color. Web safe color of #3C96FA is #3399FF (or #39F).

RGB color model

#3C96FA color RGB value is (60,150,250).

red value is 60;
green value is 150;
blue value is 250.

RGB:
(60,150,250)
(24%,59%,98%)

RGB channels and saturation

R 60 of 255 = 24%
G 150 of 255 = 59%
B 250 of 255 = 98%

150

250

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

Portions of RGB colors in percentages

R + G + B =
60 + 150 + 250 = 460 (100%)
R 60 of 460 ~ 13.04%
G 150 of 460 ~ 32.61%
B 250 of 460 ~ 54.35%

%13.04

%32.61

%54.35

CMYK color model

#3C96FA color CMYK value is (76,40,0,2).

cyan value is 76.00%
magenta value is 40.00%
yellow value is 0.00%
key color value is 1.96%

CMYK:
(76,40,0,2)
C76M40Y0K2 
(76%,40%,0%,2%)
(0.76/0.40/0.00/0.02)

CMYK percentages

%76

%40

%1.96

Codes

Color #3C96FA in popluar color models

	3C	96	FA
RGB	60	150	250
HSL	212°	95.00%	60.78%
HSB/HSV	212°	76.00%	98.04%
CMYK	76.00%	40.00%	0.00%
CMYK	1.96%

Color #3C96FA in popluar number systems.

HEX	3C	96	FA
Decimal	60	150	250
Binary	111100	10010110	11111010
Octal	74	226	372

Shades and tints

Shades of #3C96FA

#3C96FA
(60,150,250)

#3789E4
(55,137,228)

#327CCE
(50,124,206)

#2D6FB8
(45,111,184)

#2862A2
(40,98,162)

#23558C
(35,85,140)

#1E4876
(30,72,118)

#193B60
(25,59,96)

#142E4A
(20,46,74)

#0F2134
(15,33,52)

#0A141E
(10,20,30)

#000000
(0,0,0)

Tints of #3C96FA

#3C96FA
(60,150,250)

#4D9FFA
(77,159,250)

#5EA8FA
(94,168,250)

#6FB1FA
(111,177,250)

#80BAFA
(128,186,250)

#91C3FA
(145,195,250)

#A2CCFA
(162,204,250)

#B3D5FA
(179,213,250)

#C4DEFA
(196,222,250)

#D5E7FA
(213,231,250)

#E6F0FA
(230,240,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3C96FA color. Also use rgb(60,150,250) instead hex code.

Text Font Color

.myTextColor { color: #3C96FA; }

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

This text font color is #3C96FA.

Background Color

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

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

This div background color is #3C96FA.

Border color

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

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

This div border color is #3C96FA.

Opacity

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

<p style="color:#3C96FA;opacity:0.8;">80%</p>

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

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

This text has shadow with #3C96FA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3C96FA.

Preview

Color preview on black background

This text has color #3C96FA on black background.

Color preview on white background

This text has color #3C96FA on white background.

Black color preview on #3C96FA background

This text has black color on #3C96FA background.

White color preview on #3C96FA background

This text has white color on #3C96FA background.