Color #312AAE

Color info

#312AAE contains mainly blue color. Web safe color of #312AAE is #333399 (or #339).

RGB color model

#312AAE color RGB value is (49,42,174).

red value is 49;
green value is 42;
blue value is 174.

RGB:
(49,42,174)
(19%,16%,68%)

RGB channels and saturation

R 49 of 255 = 19%
G 42 of 255 = 16%
B 174 of 255 = 68%

174

R + G + B ~ 34%. #312AAE is quite dark color.

Portions of RGB colors in percentages

R + G + B =
49 + 42 + 174 = 265 (100%)
R 49 of 265 ~ 18.49%
G 42 of 265 ~ 15.85%
B 174 of 265 ~ 65.66%

%18.49

%15.85

%65.66

CMYK color model

#312AAE color CMYK value is (72,76,0,32).

cyan value is 71.84%
magenta value is 75.86%
yellow value is 0.00%
key color value is 31.76%

CMYK:
(72,76,0,32)
C72M76Y0K32 
(72%,76%,0%,32%)
(0.72/0.76/0.00/0.32)

CMYK percentages

%71.84

%75.86

%31.76

Codes

Color #312AAE in popluar color models

	31	2A	AE
RGB	49	42	174
HSL	243°	61.11%	42.35%
HSB/HSV	243°	75.86%	68.24%
CMYK	71.84%	75.86%	0.00%
CMYK	31.76%

Color #312AAE in popluar number systems.

HEX	31	2A	AE
Decimal	49	42	174
Binary	110001	101010	10101110
Octal	61	52	256

Shades and tints

Shades of #312AAE

#312AAE
(49,42,174)

#2D279F
(45,39,159)

#292490
(41,36,144)

#252181
(37,33,129)

#211E72
(33,30,114)

#1D1B63
(29,27,99)

#191854
(25,24,84)

#151545
(21,21,69)

#111236
(17,18,54)

#0D0F27
(13,15,39)

#090C18
(9,12,24)

#000000
(0,0,0)

Tints of #312AAE

#312AAE
(49,42,174)

#433DB5
(67,61,181)

#5550BC
(85,80,188)

#6763C3
(103,99,195)

#7976CA
(121,118,202)

#8B89D1
(139,137,209)

#9D9CD8
(157,156,216)

#AFAFDF
(175,175,223)

#C1C2E6
(193,194,230)

#D3D5ED
(211,213,237)

#E5E8F4
(229,232,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #312AAE color. Also use rgb(49,42,174) instead hex code.

Text Font Color

.myTextColor { color: #312AAE; }

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

This text font color is #312AAE.

Background Color

.myBgColor { background-color: #312AAE; }

<div style="background-color:#312AAE">Inner text</div>

This div background color is #312AAE.

Border color

.myBorderColor { border: 1px solid #312AAE; }

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

This div border color is #312AAE.

Opacity

.myOpacity80 { color: #312AAE; opacity: 0.8; }

<p style="color:#312AAE;opacity:0.8;">80%</p>

Text with #312AAE 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 #312AAE;}

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

This text has shadow with #312AAE color.

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

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

This text has shadow with #312AAE primary color and red secondary color.

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

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

This text has shadow with #312AAE and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #312AAE.

Preview

Color preview on black background

This text has color #312AAE on black background.

Color preview on white background

This text has color #312AAE on white background.

Black color preview on #312AAE background

This text has black color on #312AAE background.

White color preview on #312AAE background

This text has white color on #312AAE background.