COLOR #334C90

HEX: #334C90 RGB: (51,76,144)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#334C90 contains mainly blue color. Web safe color of #334C90 is #333399 (or #339).

RGB color model

#334C90 color RGB value is (51,76,144).

red value is 51;
green value is 76;
blue value is 144.

RGB: (51,76,144) (20%, 30%, 56%)

RGB channels and saturation

R 51 of 255 = 20%
G 76 of 255 = 30%
B 144 of 255 = 56%

144

R + G + B ~ 35%. #334C90 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 51 + 76 + 144 = 271 (100%)
R 51 of 271 ~ 18.82%
G 76 of 271 ~ 28.04%
B 144 of 271 ~ 53.14'%

%18.82

%28.04

%53.14

CMYK color model

#334C90 color CMYK value is (65,47,0,44).

cyan value is 64.58%
magenta value is 47.22%
yellow value is 0.00%
key color value is 43.53%

CMYK: (65,47,0,44) C65M47Y0K44 (65%,47%,0%,44%) (0.65/0.47/0.00/0.44)

CMYK percentages

%64.58

%47.22

%43.53

Codes

Color #334C90 in popluar color models

	33	4C	90
RGB	51	76	144
HSL	224°	47.69%	38.24%
HSB/HSV	224°	64.58%	56.47%
CMYK	64.58%	47.22%	0.00%
CMYK	43.53%

Color #334C90 in popluar number systems.

HEX	33	4C	90
Decimal	51	76	144
Binary	110011	1001100	10010000
Octal	63	114	220

Shades and tints

Shades of #334C90

#334C90
(51,76,144)

#2F4683
(47,70,131)

#2B4076
(43,64,118)

#273A69
(39,58,105)

#23345C
(35,52,92)

#1F2E4F
(31,46,79)

#1B2842
(27,40,66)

#172235
(23,34,53)

#131C28
(19,28,40)

#0F161B
(15,22,27)

#0B100E
(11,16,14)

#000000
(0,0,0)

Tints of #334C90

#334C90
(51,76,144)

#455C9A
(69,92,154)

#576CA4
(87,108,164)

#697CAE
(105,124,174)

#7B8CB8
(123,140,184)

#8D9CC2
(141,156,194)

#9FACCC
(159,172,204)

#B1BCD6
(177,188,214)

#C3CCE0
(195,204,224)

#D5DCEA
(213,220,234)

#E7ECF4
(231,236,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #334C90 color. Also use rgb(51,76,144) instead hex code.

Text Font Color

.myTextColor { color: #334C90; }

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

This text font color is #334C90.

Background Color

.myBgColor { background-color: #334C90; }

<div style="background-color:#334C90">Inner text</div>

This div background color is #334C90.

Border color

.myBorderColor { border: 1px solid #334C90; }

This div border color is #334C90.

Opacity

.myOpacity80 { color: #334C90; opacity: 0.8; }

Text with #334C90 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 #334C90;}

This text has shadow with #334C90 color.

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

This text has shadow with #334C90 primary color and red secondary color.

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

This text has shadow with #334C90 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #334C90.