COLOR #7CC31C

HEX: #7CC31C RGB: (124,195,28)

Color info

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

RGB color model

#7CC31C color RGB value is (124,195,28).

RGB: (124,195,28) (49%, 76%, 11%)

RGB channels and saturation

R 124 of 255 = 49%
G 195 of 255 = 76%
B 28 of 255 = 11%

124
195
28

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

Portions of RGB colors in percentages

R + G + B = 124 + 195 + 28 = 347 (100%)
R 124 of 347 ~ 35.73%
G 195 of 347 ~ 56.2%
B 28 of 347 ~ 8.07'%

%35.73
%56.2

CMYK color model

#7CC31C color CMYK value is (36,0,86,24).

  • cyan value is 36.41%
  • magenta value is 0.00%
  • yellow value is 85.64%
  • key color value is 23.53%

CMYK: (36,0,86,24)
C36M0Y86K24 (36%, 0%, 86%, 24%)
(0.36 / 0.00 / 0.86 / 0.24)

CMYK percentages

%36.41
%0
%85.64
%23.53

Codes

Color #7CC31C in popluar color models

7C C3 1C
RGB 124 195 28
HSL 86° 74.89% 43.73%
HSB/HSV 86° 85.64% 76.47%
CMYK 36.41% 0.00% 85.64%
23.53%

Color #7CC31C in popluar number systems.

HEX 7C C3 1C
Decimal 124 195 28
Binary 1111100 11000011 11100
Octal 174 303 34

Shades and tints

Shades of #7CC31C

#7CC31C
(124,195,28)
#71B21A
(113,178,26)
#66A118
(102,161,24)
#5B9016
(91,144,22)
#507F14
(80,127,20)
#456E12
(69,110,18)
#3A5D10
(58,93,16)
#2F4C0E
(47,76,14)
#243B0C
(36,59,12)
#192A0A
(25,42,10)
#0E1908
(14,25,8)
#000000
(0,0,0)

Tints of #7CC31C

#7CC31C
(124,195,28)
#87C830
(135,200,48)
#92CD44
(146,205,68)
#9DD258
(157,210,88)
#A8D76C
(168,215,108)
#B3DC80
(179,220,128)
#BEE194
(190,225,148)
#C9E6A8
(201,230,168)
#D4EBBC
(212,235,188)
#DFF0D0
(223,240,208)
#EAF5E4
(234,245,228)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7CC31C color. Also use rgb(124,195,28) instead hex code.

Text Font Color

.myTextColor { color: #7CC31C; }

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

This text font color is #7CC31C.

Background Color

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

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

This div background color is #7CC31C.

Border color

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

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

This div border color is #7CC31C.

Opacity

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

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

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

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

This text has shadow with #7CC31C color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #7CC31C.

Preview

Color preview on black background

This text has color #7CC31C on black background.


Color preview on white background

This text has color #7CC31C on white background.


Black color preview on #7CC31C background

This text has black color on #7CC31C background.


White color preview on #7CC31C background

This text has white color on #7CC31C background.


Related colors

Complementary color

Complementary color for #7CC31C is #833CE3.


I love getcolorcode.com

Triadic colors

1 #1C7CC3 and #C31C7C with #7CC31C are triadic colors.

2 #1CC37C and #C37C1C with #7CC31C are triadic colors.