COLOR #2E5B15

HEX: #2E5B15 RGB: (46,91,21)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#2E5B15 contains mainly red and green colors. Web safe color of #2E5B15 is #336600 (or #360).

RGB color model

#2E5B15 color RGB value is (46,91,21).

red value is 46;
green value is 91;
blue value is 21.

RGB: (46,91,21) (18%, 36%, 8%)

RGB channels and saturation

R 46 of 255 = 18%
G 91 of 255 = 36%
B 21 of 255 = 8%

R + G + B ~ 21%. #2E5B15 is dark color.

Portions of RGB colors in percentages

R + G + B = 46 + 91 + 21 = 158 (100%)
R 46 of 158 ~ 29.11%
G 91 of 158 ~ 57.59%
B 21 of 158 ~ 13.29'%

%29.11

%57.59

%13.29

CMYK color model

#2E5B15 color CMYK value is (49,0,77,64).

cyan value is 49.45%
magenta value is 0.00%
yellow value is 76.92%
key color value is 64.31%

CMYK: (49,0,77,64) C49M0Y77K64 (49%,0%,77%,64%) (0.49/0.00/0.77/0.64)

CMYK percentages

%49.45

%76.92

%64.31

Codes

Color #2E5B15 in popluar color models

	2E	5B	15
RGB	46	91	21
HSL	99°	62.50%	21.96%
HSB/HSV	99°	76.92%	35.69%
CMYK	49.45%	0.00%	76.92%
CMYK	64.31%

Color #2E5B15 in popluar number systems.

HEX	2E	5B	15
Decimal	46	91	21
Binary	101110	1011011	10101
Octal	56	133	25

Shades and tints

Shades of #2E5B15

#2E5B15
(46,91,21)

#2A5314
(42,83,20)

#264B13
(38,75,19)

#224312
(34,67,18)

#1E3B11
(30,59,17)

#1A3310
(26,51,16)

#162B0F
(22,43,15)

#12230E
(18,35,14)

#0E1B0D
(14,27,13)

#0A130C
(10,19,12)

#060B0B
(6,11,11)

#000000
(0,0,0)

Tints of #2E5B15

#2E5B15
(46,91,21)

#41692A
(65,105,42)

#54773F
(84,119,63)

#678554
(103,133,84)

#7A9369
(122,147,105)

#8DA17E
(141,161,126)

#A0AF93
(160,175,147)

#B3BDA8
(179,189,168)

#C6CBBD
(198,203,189)

#D9D9D2
(217,217,210)

#ECE7E7
(236,231,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #2E5B15 color. Also use rgb(46,91,21) instead hex code.

Text Font Color

.myTextColor { color: #2E5B15; }

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

This text font color is #2E5B15.

Background Color

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

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

This div background color is #2E5B15.

Border color

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

This div border color is #2E5B15.

Opacity

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

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

This text has shadow with #2E5B15 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #2E5B15.