Color #324369

Color info

#324369 contains red, green and blue colors in about the same proportion. Web safe color of #324369 is #333366 (or #336).

RGB color model

#324369 color RGB value is (50,67,105).

red value is 50;
green value is 67;
blue value is 105.

RGB: (50,67,105) (20%, 26%, 41%)

RGB channels and saturation

R 50 of 255 = 20%
G 67 of 255 = 26%
B 105 of 255 = 41%

50

67

105

R + G + B ~ 29%. #324369 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 50 + 67 + 105 = 222 (100%)
R 50 of 222 ~ 22.52%
G 67 of 222 ~ 30.18%
B 105 of 222 ~ 47.3'%

%22.52

%30.18

%47.3

CMYK color model

#324369 color CMYK value is (52,36,0,59).

cyan value is 52.38%
magenta value is 36.19%
yellow value is 0.00%
key color value is 58.82%

CMYK: (52,36,0,59)
C52M36Y0K59 (52%, 36%, 0%, 59%)
(0.52 / 0.36 / 0.00 / 0.59)

CMYK percentages

%52.38

%36.19

%0

%58.82

Codes

Color #324369 in popluar color models

	32	43	69
RGB	50	67	105
HSL	221°	35.48%	30.39%
HSB/HSV	221°	52.38%	41.18%
CMYK	52.38%	36.19%	0.00%
CMYK	58.82%

Color #324369 in popluar number systems.

HEX	32	43	69
Decimal	50	67	105
Binary	110010	1000011	1101001
Octal	62	103	151

Shades and tints

Shades of #324369

#324369
(50,67,105)

#2E3D60
(46,61,96)

#2A3757
(42,55,87)

#26314E
(38,49,78)

#222B45
(34,43,69)

#1E253C
(30,37,60)

#1A1F33
(26,31,51)

#16192A
(22,25,42)

#121321
(18,19,33)

#0E0D18
(14,13,24)

#0A070F
(10,7,15)

#000000
(0,0,0)

Tints of #324369

#324369
(50,67,105)

#445476
(68,84,118)

#566583
(86,101,131)

#687690
(104,118,144)

#7A879D
(122,135,157)

#8C98AA
(140,152,170)

#9EA9B7
(158,169,183)

#B0BAC4
(176,186,196)

#C2CBD1
(194,203,209)

#D4DCDE
(212,220,222)

#E6EDEB
(230,237,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #324369 color. Also use rgb(50,67,105) instead hex code.

Text Font Color

.myTextColor { color: #324369; }

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

This text font color is #324369.

Background Color

.myBgColor { background-color: #324369; }

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

This div background color is #324369.

Border color

.myBorderColor { border: 1px solid #324369; }

This div border color is #324369.

Opacity

.myOpacity80 { color: #324369; opacity: 0.8; }

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

This text has shadow with #324369 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #324369.