COLOR #327374

HEX: #327374
RGB: (50,115,116)

Color info

#327374 contains mainly green and blue colors. Web safe color of #327374 is #336666 (or #366).

RGB color model

#327374 color RGB value is (50,115,116).

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

RGB channels and saturation

R 50 of 255 = 20%
G 115 of 255 = 45%
B 116 of 255 = 45%

50
115
116

R + G + B ~ 37%. #327374 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
50 + 115 + 116 = 281 (100%)
R 50 of 281 ~ 17.79%
G 115 of 281 ~ 40.93%
B 116 of 281 ~ 41.28%

%17.79
%40.93
%41.28

CMYK color model

#327374 color CMYK value is (57,1,0,55).

  • cyan value is 56.90%
  • magenta value is 0.86%
  • yellow value is 0.00%
  • key color value is 54.51%
CMYK: (57,1,0,55) C57M1Y0K55 (57%,1%,0%,55%) (0.57/0.01/0.00/0.55)

CMYK percentages

%56.9
%0.86
%0
%54.51

Codes

Color #327374 in popluar color models

327374
RGB50115116
HSL181°39.76%32.55%
HSB/HSV181°56.90%45.49%
CMYK56.90%0.86%0.00%
54.51%

Color #327374 in popluar number systems.

HEX327374
Decimal50115116
Binary11001011100111110100
Octal62163164

Shades and tints

Shades of #327374

#327374
(50,115,116)
#2E696A
(46,105,106)
#2A5F60
(42,95,96)
#265556
(38,85,86)
#224B4C
(34,75,76)
#1E4142
(30,65,66)
#1A3738
(26,55,56)
#162D2E
(22,45,46)
#122324
(18,35,36)
#0E191A
(14,25,26)
#0A0F10
(10,15,16)
#000000
(0,0,0)

Tints of #327374

#327374
(50,115,116)
#447F80
(68,127,128)
#568B8C
(86,139,140)
#689798
(104,151,152)
#7AA3A4
(122,163,164)
#8CAFB0
(140,175,176)
#9EBBBC
(158,187,188)
#B0C7C8
(176,199,200)
#C2D3D4
(194,211,212)
#D4DFE0
(212,223,224)
#E6EBEC
(230,235,236)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #327374; }

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

This text font color is #327374.


Background Color

.myBgColor { background-color: #327374; }

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

This div background color is #327374.


Border color

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

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

This div border color is #327374.


Opacity

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

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

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

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

This text has shadow with #327374 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #327374 on black background.


Color preview on white background

This text has color #327374 on white background.



Black color preview on #327374 background

This text has black color on #327374 background.


White color preview on #327374 background

This text has white color on #327374 background.