COLOR #618338

HEX: #618338
RGB: (97,131,56)

Color info

#618338 contains mainly red and green colors. Web safe color of #618338 is #669933 (or #693).

RGB color model

#618338 color RGB value is (97,131,56).

  • red value is 97;
  • green value is 131;
  • blue value is 56.
RGB:
(97,131,56)
(38%,51%,22%)

RGB channels and saturation

R 97 of 255 = 38%
G 131 of 255 = 51%
B 56 of 255 = 22%

97
131
56

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

Portions of RGB colors in percentages

R + G + B =
97 + 131 + 56 = 284 (100%)
R 97 of 284 ~ 34.15%
G 131 of 284 ~ 46.13%
B 56 of 284 ~ 19.72%

%34.15
%46.13
%19.72

CMYK color model

#618338 color CMYK value is (26,0,57,49).

  • cyan value is 25.95%
  • magenta value is 0.00%
  • yellow value is 57.25%
  • key color value is 48.63%
CMYK:
(26,0,57,49)
C26M0Y57K49 
(26%,0%,57%,49%)
(0.26/0.00/0.57/0.49)	

CMYK percentages

%25.95
%0
%57.25
%48.63

Codes

Color #618338 in popluar color models

618338
RGB9713156
HSL87°40.11%36.67%
HSB/HSV87°57.25%51.37%
CMYK25.95%0.00%57.25%
48.63%

Color #618338 in popluar number systems.

HEX618338
Decimal9713156
Binary110000110000011111000
Octal14120370

Shades and tints

Shades of #618338

#618338
(97,131,56)
#597833
(89,120,51)
#516D2E
(81,109,46)
#496229
(73,98,41)
#415724
(65,87,36)
#394C1F
(57,76,31)
#31411A
(49,65,26)
#293615
(41,54,21)
#212B10
(33,43,16)
#19200B
(25,32,11)
#111506
(17,21,6)
#000000
(0,0,0)

Tints of #618338

#618338
(97,131,56)
#6F8E4A
(111,142,74)
#7D995C
(125,153,92)
#8BA46E
(139,164,110)
#99AF80
(153,175,128)
#A7BA92
(167,186,146)
#B5C5A4
(181,197,164)
#C3D0B6
(195,208,182)
#D1DBC8
(209,219,200)
#DFE6DA
(223,230,218)
#EDF1EC
(237,241,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #618338 color. Also use rgb(97,131,56) instead hex code.

Text Font Color

.myTextColor { color: #618338; }

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

This text font color is #618338.


Background Color

.myBgColor { background-color: #618338; }

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

This div background color is #618338.


Border color

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

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

This div border color is #618338.


Opacity

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

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

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

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

This text has shadow with #618338 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #618338 on black background.


Color preview on white background

This text has color #618338 on white background.



Black color preview on #618338 background

This text has black color on #618338 background.


White color preview on #618338 background

This text has white color on #618338 background.