Color #7DDB78

Color info

#7DDB78 contains mainly green color. Web safe color of #7DDB78 is #66CC66 (or #6C6).

RGB color model

#7DDB78 color RGB value is (125,219,120).

red value is 125;
green value is 219;
blue value is 120.

RGB:
(125,219,120)
(49%,86%,47%)

RGB channels and saturation

R 125 of 255 = 49%
G 219 of 255 = 86%
B 120 of 255 = 47%

125

219

120

R + G + B ~ 61%. #7DDB78 is quite light color.

Portions of RGB colors in percentages

R + G + B =
125 + 219 + 120 = 464 (100%)
R 125 of 464 ~ 26.94%
G 219 of 464 ~ 47.2%
B 120 of 464 ~ 25.86%

%26.94

%47.2

%25.86

CMYK color model

#7DDB78 color CMYK value is (43,0,45,14).

cyan value is 42.92%
magenta value is 0.00%
yellow value is 45.21%
key color value is 14.12%

CMYK:
(43,0,45,14)
C43M0Y45K14 
(43%,0%,45%,14%)
(0.43/0.00/0.45/0.14)

CMYK percentages

%42.92

%45.21

%14.12

Codes

Color #7DDB78 in popluar color models

	7D	DB	78
RGB	125	219	120
HSL	117°	57.89%	66.47%
HSB/HSV	117°	45.21%	85.88%
CMYK	42.92%	0.00%	45.21%
CMYK	14.12%

Color #7DDB78 in popluar number systems.

HEX	7D	DB	78
Decimal	125	219	120
Binary	1111101	11011011	1111000
Octal	175	333	170

Shades and tints

Shades of #7DDB78

#7DDB78
(125,219,120)

#72C86E
(114,200,110)

#67B564
(103,181,100)

#5CA25A
(92,162,90)

#518F50
(81,143,80)

#467C46
(70,124,70)

#3B693C
(59,105,60)

#305632
(48,86,50)

#254328
(37,67,40)

#1A301E
(26,48,30)

#0F1D14
(15,29,20)

#000000
(0,0,0)

Tints of #7DDB78

#7DDB78
(125,219,120)

#88DE84
(136,222,132)

#93E190
(147,225,144)

#9EE49C
(158,228,156)

#A9E7A8
(169,231,168)

#B4EAB4
(180,234,180)

#BFEDC0
(191,237,192)

#CAF0CC
(202,240,204)

#D5F3D8
(213,243,216)

#E0F6E4
(224,246,228)

#EBF9F0
(235,249,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7DDB78 color. Also use rgb(125,219,120) instead hex code.

Text Font Color

.myTextColor { color: #7DDB78; }

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

This text font color is #7DDB78.

Background Color

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

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

This div background color is #7DDB78.

Border color

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

<div style="border:3px solid #7DDB78">Div</div>

This div border color is #7DDB78.

Opacity

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

<p style="color:#7DDB78;opacity:0.8;">80%</p>

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

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

This text has shadow with #7DDB78 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7DDB78.

Preview

Color preview on black background

This text has color #7DDB78 on black background.

Color preview on white background

This text has color #7DDB78 on white background.

Black color preview on #7DDB78 background

This text has black color on #7DDB78 background.

White color preview on #7DDB78 background

This text has white color on #7DDB78 background.