Color #3C81ED

Color info

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

RGB color model

#3C81ED color RGB value is (60,129,237).

red value is 60;
green value is 129;
blue value is 237.

RGB: (60,129,237) (24%, 51%, 93%)

RGB channels and saturation

R 60 of 255 = 24%
G 129 of 255 = 51%
B 237 of 255 = 93%

60

129

237

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

Portions of RGB colors in percentages

R + G + B = 60 + 129 + 237 = 426 (100%)
R 60 of 426 ~ 14.08%
G 129 of 426 ~ 30.28%
B 237 of 426 ~ 55.63'%

%14.08

%30.28

%55.63

CMYK color model

#3C81ED color CMYK value is (75,46,0,7).

cyan value is 74.68%
magenta value is 45.57%
yellow value is 0.00%
key color value is 7.06%

CMYK: (75,46,0,7)
C75M46Y0K7 (75%, 46%, 0%, 7%)
(0.75 / 0.46 / 0.00 / 0.07)

CMYK percentages

%74.68

%45.57

%0

%7.06

Codes

Color #3C81ED in popluar color models

	3C	81	ED
RGB	60	129	237
HSL	217°	83.10%	58.24%
HSB/HSV	217°	74.68%	92.94%
CMYK	74.68%	45.57%	0.00%
CMYK	7.06%

Color #3C81ED in popluar number systems.

HEX	3C	81	ED
Decimal	60	129	237
Binary	111100	10000001	11101101
Octal	74	201	355

Shades and tints

Shades of #3C81ED

#3C81ED
(60,129,237)

#3776D8
(55,118,216)

#326BC3
(50,107,195)

#2D60AE
(45,96,174)

#285599
(40,85,153)

#234A84
(35,74,132)

#1E3F6F
(30,63,111)

#19345A
(25,52,90)

#142945
(20,41,69)

#0F1E30
(15,30,48)

#0A131B
(10,19,27)

#000000
(0,0,0)

Tints of #3C81ED

#3C81ED
(60,129,237)

#4D8CEE
(77,140,238)

#5E97EF
(94,151,239)

#6FA2F0
(111,162,240)

#80ADF1
(128,173,241)

#91B8F2
(145,184,242)

#A2C3F3
(162,195,243)

#B3CEF4
(179,206,244)

#C4D9F5
(196,217,245)

#D5E4F6
(213,228,246)

#E6EFF7
(230,239,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3C81ED color. Also use rgb(60,129,237) instead hex code.

Text Font Color

.myTextColor { color: #3C81ED; }

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

This text font color is #3C81ED.

Background Color

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

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

This div background color is #3C81ED.

Border color

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

This div border color is #3C81ED.

Opacity

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

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

This text has shadow with #3C81ED color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3C81ED.