Color #313CBE

Color info

#313CBE contains mainly blue color. Web safe color of #313CBE is #3333CC (or #33C).

RGB color model

#313CBE color RGB value is (49,60,190).

red value is 49;
green value is 60;
blue value is 190.

RGB:
(49,60,190)
(19%,24%,75%)

RGB channels and saturation

R 49 of 255 = 19%
G 60 of 255 = 24%
B 190 of 255 = 75%

190

R + G + B ~ 39%. #313CBE is quite dark color.

Portions of RGB colors in percentages

R + G + B =
49 + 60 + 190 = 299 (100%)
R 49 of 299 ~ 16.39%
G 60 of 299 ~ 20.07%
B 190 of 299 ~ 63.55%

%16.39

%20.07

%63.55

CMYK color model

#313CBE color CMYK value is (74,68,0,25).

cyan value is 74.21%
magenta value is 68.42%
yellow value is 0.00%
key color value is 25.49%

CMYK:
(74,68,0,25)
C74M68Y0K25 
(74%,68%,0%,25%)
(0.74/0.68/0.00/0.25)

CMYK percentages

%74.21

%68.42

%25.49

Codes

Color #313CBE in popluar color models

	31	3C	BE
RGB	49	60	190
HSL	235°	59.00%	46.86%
HSB/HSV	235°	74.21%	74.51%
CMYK	74.21%	68.42%	0.00%
CMYK	25.49%

Color #313CBE in popluar number systems.

HEX	31	3C	BE
Decimal	49	60	190
Binary	110001	111100	10111110
Octal	61	74	276

Shades and tints

Shades of #313CBE

#313CBE
(49,60,190)

#2D37AD
(45,55,173)

#29329C
(41,50,156)

#252D8B
(37,45,139)

#21287A
(33,40,122)

#1D2369
(29,35,105)

#191E58
(25,30,88)

#151947
(21,25,71)

#111436
(17,20,54)

#0D0F25
(13,15,37)

#090A14
(9,10,20)

#000000
(0,0,0)

Tints of #313CBE

#313CBE
(49,60,190)

#434DC3
(67,77,195)

#555EC8
(85,94,200)

#676FCD
(103,111,205)

#7980D2
(121,128,210)

#8B91D7
(139,145,215)

#9DA2DC
(157,162,220)

#AFB3E1
(175,179,225)

#C1C4E6
(193,196,230)

#D3D5EB
(211,213,235)

#E5E6F0
(229,230,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #313CBE color. Also use rgb(49,60,190) instead hex code.

Text Font Color

.myTextColor { color: #313CBE; }

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

This text font color is #313CBE.

Background Color

.myBgColor { background-color: #313CBE; }

<div style="background-color:#313CBE">Inner text</div>

This div background color is #313CBE.

Border color

.myBorderColor { border: 1px solid #313CBE; }

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

This div border color is #313CBE.

Opacity

.myOpacity80 { color: #313CBE; opacity: 0.8; }

<p style="color:#313CBE;opacity:0.8;">80%</p>

Text with #313CBE 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 #313CBE;}

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

This text has shadow with #313CBE color.

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

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

This text has shadow with #313CBE primary color and red secondary color.

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

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

This text has shadow with #313CBE and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #313CBE.

Preview

Color preview on black background

This text has color #313CBE on black background.

Color preview on white background

This text has color #313CBE on white background.

Black color preview on #313CBE background

This text has black color on #313CBE background.

White color preview on #313CBE background

This text has white color on #313CBE background.