COLOR #246940

HEX: #246940
RGB: (36,105,64)

Color info

#246940 contains mainly green and blue colors. Web safe color of #246940 is #336633 (or #363).

RGB color model

#246940 color RGB value is (36,105,64).

  • red value is 36;
  • green value is 105;
  • blue value is 64.
RGB:
(36,105,64)
(14%,41%,25%)

RGB channels and saturation

R 36 of 255 = 14%
G 105 of 255 = 41%
B 64 of 255 = 25%

36
105
64

R + G + B ~ 27%. #246940 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
36 + 105 + 64 = 205 (100%)
R 36 of 205 ~ 17.56%
G 105 of 205 ~ 51.22%
B 64 of 205 ~ 31.22%

%17.56
%51.22
%31.22

CMYK color model

#246940 color CMYK value is (66,0,39,59).

  • cyan value is 65.71%
  • magenta value is 0.00%
  • yellow value is 39.05%
  • key color value is 58.82%
CMYK:
(66,0,39,59)
C66M0Y39K59 
(66%,0%,39%,59%)
(0.66/0.00/0.39/0.59)	

CMYK percentages

%65.71
%0
%39.05
%58.82

Codes

Color #246940 in popluar color models

246940
RGB3610564
HSL144°48.94%27.65%
HSB/HSV144°65.71%41.18%
CMYK65.71%0.00%39.05%
58.82%

Color #246940 in popluar number systems.

HEX246940
Decimal3610564
Binary10010011010011000000
Octal44151100

Shades and tints

Shades of #246940

#246940
(36,105,64)
#21603B
(33,96,59)
#1E5736
(30,87,54)
#1B4E31
(27,78,49)
#18452C
(24,69,44)
#153C27
(21,60,39)
#123322
(18,51,34)
#0F2A1D
(15,42,29)
#0C2118
(12,33,24)
#091813
(9,24,19)
#060F0E
(6,15,14)
#000000
(0,0,0)

Tints of #246940

#246940
(36,105,64)
#377651
(55,118,81)
#4A8362
(74,131,98)
#5D9073
(93,144,115)
#709D84
(112,157,132)
#83AA95
(131,170,149)
#96B7A6
(150,183,166)
#A9C4B7
(169,196,183)
#BCD1C8
(188,209,200)
#CFDED9
(207,222,217)
#E2EBEA
(226,235,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #246940 color. Also use rgb(36,105,64) instead hex code.

Text Font Color

.myTextColor { color: #246940; }

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

This text font color is #246940.


Background Color

.myBgColor { background-color: #246940; }

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

This div background color is #246940.


Border color

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

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

This div border color is #246940.


Opacity

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

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

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

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

This text has shadow with #246940 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #246940 on black background.


Color preview on white background

This text has color #246940 on white background.



Black color preview on #246940 background

This text has black color on #246940 background.


White color preview on #246940 background

This text has white color on #246940 background.