Color #34478C

Color info

#34478C contains mainly blue color. Web safe color of #34478C is #333399 (or #339).

RGB color model

#34478C color RGB value is (52,71,140).

red value is 52;
green value is 71;
blue value is 140.

RGB: (52,71,140) (20%, 28%, 55%)

RGB channels and saturation

R 52 of 255 = 20%
G 71 of 255 = 28%
B 140 of 255 = 55%

52

71

140

R + G + B ~ 34%. #34478C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 52 + 71 + 140 = 263 (100%)
R 52 of 263 ~ 19.77%
G 71 of 263 ~ 27%
B 140 of 263 ~ 53.23'%

%19.77

%27

%53.23

CMYK color model

#34478C color CMYK value is (63,49,0,45).

cyan value is 62.86%
magenta value is 49.29%
yellow value is 0.00%
key color value is 45.10%

CMYK: (63,49,0,45)
C63M49Y0K45 (63%, 49%, 0%, 45%)
(0.63 / 0.49 / 0.00 / 0.45)

CMYK percentages

%62.86

%49.29

%0

%45.1

Codes

Color #34478C in popluar color models

	34	47	8C
RGB	52	71	140
HSL	227°	45.83%	37.65%
HSB/HSV	227°	62.86%	54.90%
CMYK	62.86%	49.29%	0.00%
CMYK	45.10%

Color #34478C in popluar number systems.

HEX	34	47	8C
Decimal	52	71	140
Binary	110100	1000111	10001100
Octal	64	107	214

Shades and tints

Shades of #34478C

#34478C
(52,71,140)

#304180
(48,65,128)

#2C3B74
(44,59,116)

#283568
(40,53,104)

#242F5C
(36,47,92)

#202950
(32,41,80)

#1C2344
(28,35,68)

#181D38
(24,29,56)

#14172C
(20,23,44)

#101120
(16,17,32)

#0C0B14
(12,11,20)

#000000
(0,0,0)

Tints of #34478C

#34478C
(52,71,140)

#465796
(70,87,150)

#5867A0
(88,103,160)

#6A77AA
(106,119,170)

#7C87B4
(124,135,180)

#8E97BE
(142,151,190)

#A0A7C8
(160,167,200)

#B2B7D2
(178,183,210)

#C4C7DC
(196,199,220)

#D6D7E6
(214,215,230)

#E8E7F0
(232,231,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #34478C color. Also use rgb(52,71,140) instead hex code.

Text Font Color

.myTextColor { color: #34478C; }

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

This text font color is #34478C.

Background Color

.myBgColor { background-color: #34478C; }

<div style="background-color:#34478C">Inner text</div>

This div background color is #34478C.

Border color

.myBorderColor { border: 1px solid #34478C; }

This div border color is #34478C.

Opacity

.myOpacity80 { color: #34478C; opacity: 0.8; }

Text with #34478C 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 #34478C;}

This text has shadow with #34478C color.

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

This text has shadow with #34478C primary color and red secondary color.

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

This text has shadow with #34478C and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #34478C.