Color #7EF5BD

Color info

#7EF5BD contains mainly green and blue colors. Web safe color of #7EF5BD is #66FFCC (or #6FC).

RGB color model

#7EF5BD color RGB value is (126,245,189).

red value is 126;
green value is 245;
blue value is 189.

RGB:
(126,245,189)
(49%,96%,74%)

RGB channels and saturation

R 126 of 255 = 49%
G 245 of 255 = 96%
B 189 of 255 = 74%

126

245

189

R + G + B ~ 73%. #7EF5BD is quite light color.

Portions of RGB colors in percentages

R + G + B =
126 + 245 + 189 = 560 (100%)
R 126 of 560 ~ 22.5%
G 245 of 560 ~ 43.75%
B 189 of 560 ~ 33.75%

%22.5

%43.75

%33.75

CMYK color model

#7EF5BD color CMYK value is (49,0,23,4).

cyan value is 48.57%
magenta value is 0.00%
yellow value is 22.86%
key color value is 3.92%

CMYK:
(49,0,23,4)
C49M0Y23K4 
(49%,0%,23%,4%)
(0.49/0.00/0.23/0.04)

CMYK percentages

%48.57

%22.86

%3.92

Codes

Color #7EF5BD in popluar color models

	7E	F5	BD
RGB	126	245	189
HSL	152°	85.61%	72.75%
HSB/HSV	152°	48.57%	96.08%
CMYK	48.57%	0.00%	22.86%
CMYK	3.92%

Color #7EF5BD in popluar number systems.

HEX	7E	F5	BD
Decimal	126	245	189
Binary	1111110	11110101	10111101
Octal	176	365	275

Shades and tints

Shades of #7EF5BD

#7EF5BD
(126,245,189)

#73DFAC
(115,223,172)

#68C99B
(104,201,155)

#5DB38A
(93,179,138)

#529D79
(82,157,121)

#478768
(71,135,104)

#3C7157
(60,113,87)

#315B46
(49,91,70)

#264535
(38,69,53)

#1B2F24
(27,47,36)

#101913
(16,25,19)

#000000
(0,0,0)

Tints of #7EF5BD

#7EF5BD
(126,245,189)

#89F5C3
(137,245,195)

#94F5C9
(148,245,201)

#9FF5CF
(159,245,207)

#AAF5D5
(170,245,213)

#B5F5DB
(181,245,219)

#C0F5E1
(192,245,225)

#CBF5E7
(203,245,231)

#D6F5ED
(214,245,237)

#E1F5F3
(225,245,243)

#ECF5F9
(236,245,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7EF5BD color. Also use rgb(126,245,189) instead hex code.

Text Font Color

.myTextColor { color: #7EF5BD; }

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

This text font color is #7EF5BD.

Background Color

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

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

This div background color is #7EF5BD.

Border color

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

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

This div border color is #7EF5BD.

Opacity

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

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

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

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

This text has shadow with #7EF5BD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7EF5BD.

Preview

Color preview on black background

This text has color #7EF5BD on black background.

Color preview on white background

This text has color #7EF5BD on white background.

Black color preview on #7EF5BD background

This text has black color on #7EF5BD background.

White color preview on #7EF5BD background

This text has white color on #7EF5BD background.