COLOR #2F8C15

HEX: #2F8C15 RGB: (47,140,21)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#2F8C15 contains mainly green color. Web safe color of #2F8C15 is #339900 (or #390).

RGB color model

#2F8C15 color RGB value is (47,140,21).

red value is 47;
green value is 140;
blue value is 21.

RGB: (47,140,21) (18%, 55%, 8%)

RGB channels and saturation

R 47 of 255 = 18%
G 140 of 255 = 55%
B 21 of 255 = 8%

140

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

Portions of RGB colors in percentages

R + G + B = 47 + 140 + 21 = 208 (100%)
R 47 of 208 ~ 22.6%
G 140 of 208 ~ 67.31%
B 21 of 208 ~ 10.1'%

%22.6

%67.31

%10.1

CMYK color model

#2F8C15 color CMYK value is (66,0,85,45).

cyan value is 66.43%
magenta value is 0.00%
yellow value is 85.00%
key color value is 45.10%

CMYK: (66,0,85,45) C66M0Y85K45 (66%,0%,85%,45%) (0.66/0.00/0.85/0.45)

CMYK percentages

%66.43

%85

%45.1

Codes

Color #2F8C15 in popluar color models

	2F	8C	15
RGB	47	140	21
HSL	107°	73.91%	31.57%
HSB/HSV	107°	85.00%	54.90%
CMYK	66.43%	0.00%	85.00%
CMYK	45.10%

Color #2F8C15 in popluar number systems.

HEX	2F	8C	15
Decimal	47	140	21
Binary	101111	10001100	10101
Octal	57	214	25

Shades and tints

Shades of #2F8C15

#2F8C15
(47,140,21)

#2B8014
(43,128,20)

#277413
(39,116,19)

#236812
(35,104,18)

#1F5C11
(31,92,17)

#1B5010
(27,80,16)

#17440F
(23,68,15)

#13380E
(19,56,14)

#0F2C0D
(15,44,13)

#0B200C
(11,32,12)

#07140B
(7,20,11)

#000000
(0,0,0)

Tints of #2F8C15

#2F8C15
(47,140,21)

#41962A
(65,150,42)

#53A03F
(83,160,63)

#65AA54
(101,170,84)

#77B469
(119,180,105)

#89BE7E
(137,190,126)

#9BC893
(155,200,147)

#ADD2A8
(173,210,168)

#BFDCBD
(191,220,189)

#D1E6D2
(209,230,210)

#E3F0E7
(227,240,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #2F8C15 color. Also use rgb(47,140,21) instead hex code.

Text Font Color

.myTextColor { color: #2F8C15; }

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

This text font color is #2F8C15.

Background Color

.myBgColor { background-color: #2F8C15; }

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

This div background color is #2F8C15.

Border color

.myBorderColor { border: 1px solid #2F8C15; }

This div border color is #2F8C15.

Opacity

.myOpacity80 { color: #2F8C15; opacity: 0.8; }

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

This text has shadow with #2F8C15 color.

.textShadow {text-shadow: 3px 3px 1px #2F8C15', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #2F8C15.