COLOR #7CE80A

HEX: #7CE80A
RGB: (124,232,10)

Color info

#7CE80A contains mainly green color. Web safe color of #7CE80A is #66FF00 (or #6F0).

RGB color model

#7CE80A color RGB value is (124,232,10).

  • red value is 124;
  • green value is 232;
  • blue value is 10.
RGB:
(124,232,10)
(49%,91%,4%)

RGB channels and saturation

R 124 of 255 = 49%
G 232 of 255 = 91%
B 10 of 255 = 4%

124
232
10

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

Portions of RGB colors in percentages

R + G + B =
124 + 232 + 10 = 366 (100%)
R 124 of 366 ~ 33.88%
G 232 of 366 ~ 63.39%
B 10 of 366 ~ 2.73%

%33.88
%63.39

CMYK color model

#7CE80A color CMYK value is (47,0,96,9).

  • cyan value is 46.55%
  • magenta value is 0.00%
  • yellow value is 95.69%
  • key color value is 9.02%
CMYK:
(47,0,96,9)
C47M0Y96K9 
(47%,0%,96%,9%)
(0.47/0.00/0.96/0.09)	

CMYK percentages

%46.55
%0
%95.69
%9.02

Codes

Color #7CE80A in popluar color models

7CE80A
RGB12423210
HSL89°91.74%47.45%
HSB/HSV89°95.69%90.98%
CMYK46.55%0.00%95.69%
9.02%

Color #7CE80A in popluar number systems.

HEX7CE80A
Decimal12423210
Binary1111100111010001010
Octal17435012

Shades and tints

Shades of #7CE80A

#7CE80A
(124,232,10)
#71D30A
(113,211,10)
#66BE0A
(102,190,10)
#5BA90A
(91,169,10)
#50940A
(80,148,10)
#457F0A
(69,127,10)
#3A6A0A
(58,106,10)
#2F550A
(47,85,10)
#24400A
(36,64,10)
#192B0A
(25,43,10)
#0E160A
(14,22,10)
#000000
(0,0,0)

Tints of #7CE80A

#7CE80A
(124,232,10)
#87EA20
(135,234,32)
#92EC36
(146,236,54)
#9DEE4C
(157,238,76)
#A8F062
(168,240,98)
#B3F278
(179,242,120)
#BEF48E
(190,244,142)
#C9F6A4
(201,246,164)
#D4F8BA
(212,248,186)
#DFFAD0
(223,250,208)
#EAFCE6
(234,252,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7CE80A color. Also use rgb(124,232,10) instead hex code.

Text Font Color

.myTextColor { color: #7CE80A; }

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

This text font color is #7CE80A.


Background Color

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

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

This div background color is #7CE80A.


Border color

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

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

This div border color is #7CE80A.


Opacity

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

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

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

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

This text has shadow with #7CE80A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7CE80A on black background.


Color preview on white background

This text has color #7CE80A on white background.



Black color preview on #7CE80A background

This text has black color on #7CE80A background.


White color preview on #7CE80A background

This text has white color on #7CE80A background.