Color #326B57

Color info

#326B57 contains red, green and blue colors in about the same proportion. Web safe color of #326B57 is #336666 (or #366).

RGB color model

#326B57 color RGB value is (50,107,87).

red value is 50;
green value is 107;
blue value is 87.

RGB: (50,107,87) (20%,42%,34%)

RGB channels and saturation

R 50 of 255 = 20%
G 107 of 255 = 42%
B 87 of 255 = 34%

107

R + G + B ~ 32%. #326B57 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
50 + 107 + 87 = 244 (100%)
R 50 of 244 ~ 20.49%
G 107 of 244 ~ 43.85%
B 87 of 244 ~ 35.66%

%20.49

%43.85

%35.66

CMYK color model

#326B57 color CMYK value is (53,0,19,58).

cyan value is 53.27%
magenta value is 0.00%
yellow value is 18.69%
key color value is 58.04%

CMYK: (53,0,19,58) C53M0Y19K58 (53%,0%,19%,58%) (0.53/0.00/0.19/0.58)

CMYK percentages

%53.27

%18.69

%58.04

Codes

Color #326B57 in popluar color models

	32	6B	57
RGB	50	107	87
HSL	159°	36.31%	30.78%
HSB/HSV	159°	53.27%	41.96%
CMYK	53.27%	0.00%	18.69%
CMYK	58.04%

Color #326B57 in popluar number systems.

HEX	32	6B	57
Decimal	50	107	87
Binary	110010	1101011	1010111
Octal	62	153	127

Shades and tints

Shades of #326B57

#326B57
(50,107,87)

#2E6250
(46,98,80)

#2A5949
(42,89,73)

#265042
(38,80,66)

#22473B
(34,71,59)

#1E3E34
(30,62,52)

#1A352D
(26,53,45)

#162C26
(22,44,38)

#12231F
(18,35,31)

#0E1A18
(14,26,24)

#0A1111
(10,17,17)

#000000
(0,0,0)

Tints of #326B57

#326B57
(50,107,87)

#447866
(68,120,102)

#568575
(86,133,117)

#689284
(104,146,132)

#7A9F93
(122,159,147)

#8CACA2
(140,172,162)

#9EB9B1
(158,185,177)

#B0C6C0
(176,198,192)

#C2D3CF
(194,211,207)

#D4E0DE
(212,224,222)

#E6EDED
(230,237,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #326B57 color. Also use rgb(50,107,87) instead hex code.

Text Font Color

.myTextColor { color: #326B57; }

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

This text font color is #326B57.

Background Color

.myBgColor { background-color: #326B57; }

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

This div background color is #326B57.

Border color

.myBorderColor { border: 1px solid #326B57; }

<div style="border:3px solid #326B57">Div</div>

This div border color is #326B57.

Opacity

.myOpacity80 { color: #326B57; opacity: 0.8; }

<p style="color:#326B57;opacity:0.8;">80%</p>

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

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

This text has shadow with #326B57 color.

.textShadow {text-shadow: 3px 3px 1px #326B57, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #326B57; -webkit-box-shadow:	1px 1px 3px 2px #326B57; box-shadow:	1px 1px 3px 2px #326B57; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #326B57; -webkit-box-shadow: 1px 1px 3px 2px #326B57; box-shadow:1px 1px 3px 2px #326B57;">
Div content here</div>

This div box has shadow with color #326B57.

Preview

Color preview on black background

This text has color #326B57 on black background.

Color preview on white background

This text has color #326B57 on white background.

Black color preview on #326B57 background

This text has black color on #326B57 background.

White color preview on #326B57 background

This text has white color on #326B57 background.