COLOR #707E2D

HEX: #707E2D
RGB: (112,126,45)

Color info

#707E2D contains mainly red and green colors. Web safe color of #707E2D is #666633 (or #663).

RGB color model

#707E2D color RGB value is (112,126,45).

  • red value is 112;
  • green value is 126;
  • blue value is 45.
RGB:
(112,126,45)
(44%,49%,18%)

RGB channels and saturation

R 112 of 255 = 44%
G 126 of 255 = 49%
B 45 of 255 = 18%

112
126
45

R + G + B ~ 37%. #707E2D is quite dark color.

Portions of RGB colors in percentages

R + G + B =
112 + 126 + 45 = 283 (100%)
R 112 of 283 ~ 39.58%
G 126 of 283 ~ 44.52%
B 45 of 283 ~ 15.9%

%39.58
%44.52
%15.9

CMYK color model

#707E2D color CMYK value is (11,0,64,51).

  • cyan value is 11.11%
  • magenta value is 0.00%
  • yellow value is 64.29%
  • key color value is 50.59%
CMYK:
(11,0,64,51)
C11M0Y64K51 
(11%,0%,64%,51%)
(0.11/0.00/0.64/0.51)	

CMYK percentages

%11.11
%0
%64.29
%50.59

Codes

Color #707E2D in popluar color models

707E2D
RGB11212645
HSL70°47.37%33.53%
HSB/HSV70°64.29%49.41%
CMYK11.11%0.00%64.29%
50.59%

Color #707E2D in popluar number systems.

HEX707E2D
Decimal11212645
Binary11100001111110101101
Octal16017655

Shades and tints

Shades of #707E2D

#707E2D
(112,126,45)
#667329
(102,115,41)
#5C6825
(92,104,37)
#525D21
(82,93,33)
#48521D
(72,82,29)
#3E4719
(62,71,25)
#343C15
(52,60,21)
#2A3111
(42,49,17)
#20260D
(32,38,13)
#161B09
(22,27,9)
#0C1005
(12,16,5)
#000000
(0,0,0)

Tints of #707E2D

#707E2D
(112,126,45)
#7D8940
(125,137,64)
#8A9453
(138,148,83)
#979F66
(151,159,102)
#A4AA79
(164,170,121)
#B1B58C
(177,181,140)
#BEC09F
(190,192,159)
#CBCBB2
(203,203,178)
#D8D6C5
(216,214,197)
#E5E1D8
(229,225,216)
#F2ECEB
(242,236,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #707E2D color. Also use rgb(112,126,45) instead hex code.

Text Font Color

.myTextColor { color: #707E2D; }

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

This text font color is #707E2D.


Background Color

.myBgColor { background-color: #707E2D; }

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

This div background color is #707E2D.


Border color

.myBorderColor { border: 1px solid #707E2D; }

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

This div border color is #707E2D.


Opacity

.myOpacity80 { color: #707E2D; opacity: 0.8; }

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

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

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

This text has shadow with #707E2D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #707E2D on black background.


Color preview on white background

This text has color #707E2D on white background.



Black color preview on #707E2D background

This text has black color on #707E2D background.


White color preview on #707E2D background

This text has white color on #707E2D background.