COLOR #328873

HEX: #328873
RGB: (50,136,115)

Color info

#328873 contains mainly green and blue colors. Web safe color of #328873 is #339966 (or #396).

RGB color model

#328873 color RGB value is (50,136,115).

  • red value is 50;
  • green value is 136;
  • blue value is 115.
RGB:
(50,136,115)
(20%,53%,45%)

RGB channels and saturation

R 50 of 255 = 20%
G 136 of 255 = 53%
B 115 of 255 = 45%

50
136
115

R + G + B ~ 39%. #328873 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
50 + 136 + 115 = 301 (100%)
R 50 of 301 ~ 16.61%
G 136 of 301 ~ 45.18%
B 115 of 301 ~ 38.21%

%16.61
%45.18
%38.21

CMYK color model

#328873 color CMYK value is (63,0,15,47).

  • cyan value is 63.24%
  • magenta value is 0.00%
  • yellow value is 15.44%
  • key color value is 46.67%
CMYK:
(63,0,15,47)
C63M0Y15K47 
(63%,0%,15%,47%)
(0.63/0.00/0.15/0.47)	

CMYK percentages

%63.24
%0
%15.44
%46.67

Codes

Color #328873 in popluar color models

328873
RGB50136115
HSL165°46.24%36.47%
HSB/HSV165°63.24%53.33%
CMYK63.24%0.00%15.44%
46.67%

Color #328873 in popluar number systems.

HEX328873
Decimal50136115
Binary110010100010001110011
Octal62210163

Shades and tints

Shades of #328873

#328873
(50,136,115)
#2E7C69
(46,124,105)
#2A705F
(42,112,95)
#266455
(38,100,85)
#22584B
(34,88,75)
#1E4C41
(30,76,65)
#1A4037
(26,64,55)
#16342D
(22,52,45)
#122823
(18,40,35)
#0E1C19
(14,28,25)
#0A100F
(10,16,15)
#000000
(0,0,0)

Tints of #328873

#328873
(50,136,115)
#44927F
(68,146,127)
#569C8B
(86,156,139)
#68A697
(104,166,151)
#7AB0A3
(122,176,163)
#8CBAAF
(140,186,175)
#9EC4BB
(158,196,187)
#B0CEC7
(176,206,199)
#C2D8D3
(194,216,211)
#D4E2DF
(212,226,223)
#E6ECEB
(230,236,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #328873 color. Also use rgb(50,136,115) instead hex code.

Text Font Color

.myTextColor { color: #328873; }

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

This text font color is #328873.


Background Color

.myBgColor { background-color: #328873; }

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

This div background color is #328873.


Border color

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

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

This div border color is #328873.


Opacity

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

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

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

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

This text has shadow with #328873 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #328873 on black background.


Color preview on white background

This text has color #328873 on white background.



Black color preview on #328873 background

This text has black color on #328873 background.


White color preview on #328873 background

This text has white color on #328873 background.