COLOR #37834A

HEX: #37834A
RGB: (55,131,74)

Color info

#37834A contains mainly green and blue colors. Web safe color of #37834A is #339933 (or #393).

RGB color model

#37834A color RGB value is (55,131,74).

  • red value is 55;
  • green value is 131;
  • blue value is 74.
RGB:
(55,131,74)
(22%,51%,29%)

RGB channels and saturation

R 55 of 255 = 22%
G 131 of 255 = 51%
B 74 of 255 = 29%

55
131
74

R + G + B ~ 34%. #37834A is quite dark color.

Portions of RGB colors in percentages

R + G + B =
55 + 131 + 74 = 260 (100%)
R 55 of 260 ~ 21.15%
G 131 of 260 ~ 50.38%
B 74 of 260 ~ 28.46%

%21.15
%50.38
%28.46

CMYK color model

#37834A color CMYK value is (58,0,44,49).

  • cyan value is 58.02%
  • magenta value is 0.00%
  • yellow value is 43.51%
  • key color value is 48.63%
CMYK:
(58,0,44,49)
C58M0Y44K49 
(58%,0%,44%,49%)
(0.58/0.00/0.44/0.49)	

CMYK percentages

%58.02
%0
%43.51
%48.63

Codes

Color #37834A in popluar color models

37834A
RGB5513174
HSL135°40.86%36.47%
HSB/HSV135°58.02%51.37%
CMYK58.02%0.00%43.51%
48.63%

Color #37834A in popluar number systems.

HEX37834A
Decimal5513174
Binary110111100000111001010
Octal67203112

Shades and tints

Shades of #37834A

#37834A
(55,131,74)
#327844
(50,120,68)
#2D6D3E
(45,109,62)
#286238
(40,98,56)
#235732
(35,87,50)
#1E4C2C
(30,76,44)
#194126
(25,65,38)
#143620
(20,54,32)
#0F2B1A
(15,43,26)
#0A2014
(10,32,20)
#05150E
(5,21,14)
#000000
(0,0,0)

Tints of #37834A

#37834A
(55,131,74)
#498E5A
(73,142,90)
#5B996A
(91,153,106)
#6DA47A
(109,164,122)
#7FAF8A
(127,175,138)
#91BA9A
(145,186,154)
#A3C5AA
(163,197,170)
#B5D0BA
(181,208,186)
#C7DBCA
(199,219,202)
#D9E6DA
(217,230,218)
#EBF1EA
(235,241,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #37834A color. Also use rgb(55,131,74) instead hex code.

Text Font Color

.myTextColor { color: #37834A; }

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

This text font color is #37834A.


Background Color

.myBgColor { background-color: #37834A; }

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

This div background color is #37834A.


Border color

.myBorderColor { border: 1px solid #37834A; }

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

This div border color is #37834A.


Opacity

.myOpacity80 { color: #37834A; opacity: 0.8; }

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

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

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

This text has shadow with #37834A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #37834A on black background.


Color preview on white background

This text has color #37834A on white background.



Black color preview on #37834A background

This text has black color on #37834A background.


White color preview on #37834A background

This text has white color on #37834A background.