COLOR #2E5315

HEX: #2E5315 RGB: (46,83,21)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#2E5315 color RGB value is (46,83,21).

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

RGB: (46,83,21) (18%, 33%, 8%)

RGB channels and saturation

R 46 of 255 = 18%
G 83 of 255 = 33%
B 21 of 255 = 8%

R + G + B ~ 20%. #2E5315 is dark color.

Portions of RGB colors in percentages

R + G + B = 46 + 83 + 21 = 150 (100%)
R 46 of 150 ~ 30.67%
G 83 of 150 ~ 55.33%
B 21 of 150 ~ 14'%

%30.67

%55.33

%14

CMYK color model

#2E5315 color CMYK value is (45,0,75,67).

cyan value is 44.58%
magenta value is 0.00%
yellow value is 74.70%
key color value is 67.45%

CMYK: (45,0,75,67) C45M0Y75K67 (45%,0%,75%,67%) (0.45/0.00/0.75/0.67)

CMYK percentages

%44.58

%74.7

%67.45

Codes

Color #2E5315 in popluar color models

	2E	53	15
RGB	46	83	21
HSL	96°	59.62%	20.39%
HSB/HSV	96°	74.70%	32.55%
CMYK	44.58%	0.00%	74.70%
CMYK	67.45%

Color #2E5315 in popluar number systems.

HEX	2E	53	15
Decimal	46	83	21
Binary	101110	1010011	10101
Octal	56	123	25

Shades and tints

Shades of #2E5315

#2E5315
(46,83,21)

#2A4C14
(42,76,20)

#264513
(38,69,19)

#223E12
(34,62,18)

#1E3711
(30,55,17)

#1A3010
(26,48,16)

#16290F
(22,41,15)

#12220E
(18,34,14)

#0E1B0D
(14,27,13)

#0A140C
(10,20,12)

#060D0B
(6,13,11)

#000000
(0,0,0)

Tints of #2E5315

#2E5315
(46,83,21)

#41622A
(65,98,42)

#54713F
(84,113,63)

#678054
(103,128,84)

#7A8F69
(122,143,105)

#8D9E7E
(141,158,126)

#A0AD93
(160,173,147)

#B3BCA8
(179,188,168)

#C6CBBD
(198,203,189)

#D9DAD2
(217,218,210)

#ECE9E7
(236,233,231)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #2E5315; }

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

This text font color is #2E5315.

Background Color

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

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

This div background color is #2E5315.

Border color

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

This div border color is #2E5315.

Opacity

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

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

This text has shadow with #2E5315 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #2E5315.