Color #7EAD63

Color info

#7EAD63 contains mainly red and green colors. Web safe color of #7EAD63 is #669966 (or #696).

RGB color model

#7EAD63 color RGB value is (126,173,99).

red value is 126;
green value is 173;
blue value is 99.

RGB: (126,173,99) (49%, 68%, 39%)

RGB channels and saturation

R 126 of 255 = 49%
G 173 of 255 = 68%
B 99 of 255 = 39%

126

173

99

R + G + B ~ 52%. #7EAD63 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 126 + 173 + 99 = 398 (100%)
R 126 of 398 ~ 31.66%
G 173 of 398 ~ 43.47%
B 99 of 398 ~ 24.87'%

%31.66

%43.47

%24.87

CMYK color model

#7EAD63 color CMYK value is (27,0,43,32).

cyan value is 27.17%
magenta value is 0.00%
yellow value is 42.77%
key color value is 32.16%

CMYK: (27,0,43,32)
C27M0Y43K32 (27%, 0%, 43%, 32%)
(0.27 / 0.00 / 0.43 / 0.32)

CMYK percentages

%27.17

%0

%42.77

%32.16

Codes

Color #7EAD63 in popluar color models

	7E	AD	63
RGB	126	173	99
HSL	98°	31.09%	53.33%
HSB/HSV	98°	42.77%	67.84%
CMYK	27.17%	0.00%	42.77%
CMYK	32.16%

Color #7EAD63 in popluar number systems.

HEX	7E	AD	63
Decimal	126	173	99
Binary	1111110	10101101	1100011
Octal	176	255	143

Shades and tints

Shades of #7EAD63

#7EAD63
(126,173,99)

#739E5A
(115,158,90)

#688F51
(104,143,81)

#5D8048
(93,128,72)

#52713F
(82,113,63)

#476236
(71,98,54)

#3C532D
(60,83,45)

#314424
(49,68,36)

#26351B
(38,53,27)

#1B2612
(27,38,18)

#101709
(16,23,9)

#000000
(0,0,0)

Tints of #7EAD63

#7EAD63
(126,173,99)

#89B471
(137,180,113)

#94BB7F
(148,187,127)

#9FC28D
(159,194,141)

#AAC99B
(170,201,155)

#B5D0A9
(181,208,169)

#C0D7B7
(192,215,183)

#CBDEC5
(203,222,197)

#D6E5D3
(214,229,211)

#E1ECE1
(225,236,225)

#ECF3EF
(236,243,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7EAD63 color. Also use rgb(126,173,99) instead hex code.

Text Font Color

.myTextColor { color: #7EAD63; }

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

This text font color is #7EAD63.

Background Color

.myBgColor { background-color: #7EAD63; }

<div style="background-color:#7EAD63">Inner text</div>

This div background color is #7EAD63.

Border color

.myBorderColor { border: 1px solid #7EAD63; }

This div border color is #7EAD63.

Opacity

.myOpacity80 { color: #7EAD63; opacity: 0.8; }

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

This text has shadow with #7EAD63 color.

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

This text has shadow with #7EAD63 primary color and red secondary color.

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

This text has shadow with #7EAD63 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #7EAD63.