COLOR #7AED65

HEX: #7AED65
RGB: (122,237,101)

Color info

#7AED65 contains mainly green color. Web safe color of #7AED65 is #66FF66 (or #6F6).

RGB color model

#7AED65 color RGB value is (122,237,101).

  • red value is 122;
  • green value is 237;
  • blue value is 101.
RGB:
(122,237,101)
(48%,93%,40%)

RGB channels and saturation

R 122 of 255 = 48%
G 237 of 255 = 93%
B 101 of 255 = 40%

122
237
101

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

Portions of RGB colors in percentages

R + G + B =
122 + 237 + 101 = 460 (100%)
R 122 of 460 ~ 26.52%
G 237 of 460 ~ 51.52%
B 101 of 460 ~ 21.96%

%26.52
%51.52
%21.96

CMYK color model

#7AED65 color CMYK value is (49,0,57,7).

  • cyan value is 48.52%
  • magenta value is 0.00%
  • yellow value is 57.38%
  • key color value is 7.06%
CMYK:
(49,0,57,7)
C49M0Y57K7 
(49%,0%,57%,7%)
(0.49/0.00/0.57/0.07)	

CMYK percentages

%48.52
%0
%57.38
%7.06

Codes

Color #7AED65 in popluar color models

7AED65
RGB122237101
HSL111°79.07%66.27%
HSB/HSV111°57.38%92.94%
CMYK48.52%0.00%57.38%
7.06%

Color #7AED65 in popluar number systems.

HEX7AED65
Decimal122237101
Binary1111010111011011100101
Octal172355145

Shades and tints

Shades of #7AED65

#7AED65
(122,237,101)
#6FD85C
(111,216,92)
#64C353
(100,195,83)
#59AE4A
(89,174,74)
#4E9941
(78,153,65)
#438438
(67,132,56)
#386F2F
(56,111,47)
#2D5A26
(45,90,38)
#22451D
(34,69,29)
#173014
(23,48,20)
#0C1B0B
(12,27,11)
#000000
(0,0,0)

Tints of #7AED65

#7AED65
(122,237,101)
#86EE73
(134,238,115)
#92EF81
(146,239,129)
#9EF08F
(158,240,143)
#AAF19D
(170,241,157)
#B6F2AB
(182,242,171)
#C2F3B9
(194,243,185)
#CEF4C7
(206,244,199)
#DAF5D5
(218,245,213)
#E6F6E3
(230,246,227)
#F2F7F1
(242,247,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7AED65 color. Also use rgb(122,237,101) instead hex code.

Text Font Color

.myTextColor { color: #7AED65; }

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

This text font color is #7AED65.


Background Color

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

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

This div background color is #7AED65.


Border color

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

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

This div border color is #7AED65.


Opacity

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

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

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

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

This text has shadow with #7AED65 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7AED65 on black background.


Color preview on white background

This text has color #7AED65 on white background.



Black color preview on #7AED65 background

This text has black color on #7AED65 background.


White color preview on #7AED65 background

This text has white color on #7AED65 background.