COLOR #7DC443

HEX: #7DC443
RGB: (125,196,67)

Color info

#7DC443 contains mainly green color. Web safe color of #7DC443 is #66CC33 (or #6C3).

RGB color model

#7DC443 color RGB value is (125,196,67).

  • red value is 125;
  • green value is 196;
  • blue value is 67.
RGB:
(125,196,67)
(49%,77%,26%)

RGB channels and saturation

R 125 of 255 = 49%
G 196 of 255 = 77%
B 67 of 255 = 26%

125
196
67

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

Portions of RGB colors in percentages

R + G + B =
125 + 196 + 67 = 388 (100%)
R 125 of 388 ~ 32.22%
G 196 of 388 ~ 50.52%
B 67 of 388 ~ 17.27%

%32.22
%50.52
%17.27

CMYK color model

#7DC443 color CMYK value is (36,0,66,23).

  • cyan value is 36.22%
  • magenta value is 0.00%
  • yellow value is 65.82%
  • key color value is 23.14%
CMYK:
(36,0,66,23)
C36M0Y66K23 
(36%,0%,66%,23%)
(0.36/0.00/0.66/0.23)	

CMYK percentages

%36.22
%0
%65.82
%23.14

Codes

Color #7DC443 in popluar color models

7DC443
RGB12519667
HSL93°52.23%51.57%
HSB/HSV93°65.82%76.86%
CMYK36.22%0.00%65.82%
23.14%

Color #7DC443 in popluar number systems.

HEX7DC443
Decimal12519667
Binary1111101110001001000011
Octal175304103

Shades and tints

Shades of #7DC443

#7DC443
(125,196,67)
#72B33D
(114,179,61)
#67A237
(103,162,55)
#5C9131
(92,145,49)
#51802B
(81,128,43)
#466F25
(70,111,37)
#3B5E1F
(59,94,31)
#304D19
(48,77,25)
#253C13
(37,60,19)
#1A2B0D
(26,43,13)
#0F1A07
(15,26,7)
#000000
(0,0,0)

Tints of #7DC443

#7DC443
(125,196,67)
#88C954
(136,201,84)
#93CE65
(147,206,101)
#9ED376
(158,211,118)
#A9D887
(169,216,135)
#B4DD98
(180,221,152)
#BFE2A9
(191,226,169)
#CAE7BA
(202,231,186)
#D5ECCB
(213,236,203)
#E0F1DC
(224,241,220)
#EBF6ED
(235,246,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7DC443 color. Also use rgb(125,196,67) instead hex code.

Text Font Color

.myTextColor { color: #7DC443; }

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

This text font color is #7DC443.


Background Color

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

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

This div background color is #7DC443.


Border color

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

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

This div border color is #7DC443.


Opacity

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

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

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

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

This text has shadow with #7DC443 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7DC443 on black background.


Color preview on white background

This text has color #7DC443 on white background.



Black color preview on #7DC443 background

This text has black color on #7DC443 background.


White color preview on #7DC443 background

This text has white color on #7DC443 background.