COLOR #2D6509

HEX: #2D6509
RGB: (45,101,9)

Color info

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

RGB color model

#2D6509 color RGB value is (45,101,9).

  • red value is 45;
  • green value is 101;
  • blue value is 9.
RGB:
(45,101,9)
(18%,40%,4%)

RGB channels and saturation

R 45 of 255 = 18%
G 101 of 255 = 40%
B 9 of 255 = 4%

45
101
9

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

Portions of RGB colors in percentages

R + G + B =
45 + 101 + 9 = 155 (100%)
R 45 of 155 ~ 29.03%
G 101 of 155 ~ 65.16%
B 9 of 155 ~ 5.81%

%29.03
%65.16

CMYK color model

#2D6509 color CMYK value is (55,0,91,60).

  • cyan value is 55.45%
  • magenta value is 0.00%
  • yellow value is 91.09%
  • key color value is 60.39%
CMYK:
(55,0,91,60)
C55M0Y91K60 
(55%,0%,91%,60%)
(0.55/0.00/0.91/0.60)	

CMYK percentages

%55.45
%0
%91.09
%60.39

Codes

Color #2D6509 in popluar color models

2D6509
RGB451019
HSL97°83.64%21.57%
HSB/HSV97°91.09%39.61%
CMYK55.45%0.00%91.09%
60.39%

Color #2D6509 in popluar number systems.

HEX2D6509
Decimal451019
Binary10110111001011001
Octal5514511

Shades and tints

Shades of #2D6509

#2D6509
(45,101,9)
#295C09
(41,92,9)
#255309
(37,83,9)
#214A09
(33,74,9)
#1D4109
(29,65,9)
#193809
(25,56,9)
#152F09
(21,47,9)
#112609
(17,38,9)
#0D1D09
(13,29,9)
#091409
(9,20,9)
#050B09
(5,11,9)
#000000
(0,0,0)

Tints of #2D6509

#2D6509
(45,101,9)
#40731F
(64,115,31)
#538135
(83,129,53)
#668F4B
(102,143,75)
#799D61
(121,157,97)
#8CAB77
(140,171,119)
#9FB98D
(159,185,141)
#B2C7A3
(178,199,163)
#C5D5B9
(197,213,185)
#D8E3CF
(216,227,207)
#EBF1E5
(235,241,229)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #2D6509 color. Also use rgb(45,101,9) instead hex code.

Text Font Color

.myTextColor { color: #2D6509; }

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

This text font color is #2D6509.


Background Color

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

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

This div background color is #2D6509.


Border color

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

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

This div border color is #2D6509.


Opacity

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

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

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

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

This text has shadow with #2D6509 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #2D6509 on black background.


Color preview on white background

This text has color #2D6509 on white background.



Black color preview on #2D6509 background

This text has black color on #2D6509 background.


White color preview on #2D6509 background

This text has white color on #2D6509 background.