Color #7ECFBD

Color info

#7ECFBD contains mainly green and blue colors. Web safe color of #7ECFBD is #66CCCC (or #6CC).

RGB color model

#7ECFBD color RGB value is (126,207,189).

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

RGB: (126,207,189) (49%, 81%, 74%)

RGB channels and saturation

R 126 of 255 = 49%
G 207 of 255 = 81%
B 189 of 255 = 74%

126

207

189

R + G + B ~ 68%. #7ECFBD is quite light color.

Portions of RGB colors in percentages

R + G + B = 126 + 207 + 189 = 522 (100%)
R 126 of 522 ~ 24.14%
G 207 of 522 ~ 39.66%
B 189 of 522 ~ 36.21'%

%24.14

%39.66

%36.21

CMYK color model

#7ECFBD color CMYK value is (39,0,9,19).

cyan value is 39.13%
magenta value is 0.00%
yellow value is 8.70%
key color value is 18.82%

CMYK: (39,0,9,19)
C39M0Y9K19 (39%, 0%, 9%, 19%)
(0.39 / 0.00 / 0.09 / 0.19)

CMYK percentages

%39.13

%0

%8.7

%18.82

Codes

Color #7ECFBD in popluar color models

	7E	CF	BD
RGB	126	207	189
HSL	167°	45.76%	65.29%
HSB/HSV	167°	39.13%	81.18%
CMYK	39.13%	0.00%	8.70%
CMYK	18.82%

Color #7ECFBD in popluar number systems.

HEX	7E	CF	BD
Decimal	126	207	189
Binary	1111110	11001111	10111101
Octal	176	317	275

Shades and tints

Shades of #7ECFBD

#7ECFBD
(126,207,189)

#73BDAC
(115,189,172)

#68AB9B
(104,171,155)

#5D998A
(93,153,138)

#528779
(82,135,121)

#477568
(71,117,104)

#3C6357
(60,99,87)

#315146
(49,81,70)

#263F35
(38,63,53)

#1B2D24
(27,45,36)

#101B13
(16,27,19)

#000000
(0,0,0)

Tints of #7ECFBD

#7ECFBD
(126,207,189)

#89D3C3
(137,211,195)

#94D7C9
(148,215,201)

#9FDBCF
(159,219,207)

#AADFD5
(170,223,213)

#B5E3DB
(181,227,219)

#C0E7E1
(192,231,225)

#CBEBE7
(203,235,231)

#D6EFED
(214,239,237)

#E1F3F3
(225,243,243)

#ECF7F9
(236,247,249)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #7ECFBD; }

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

This text font color is #7ECFBD.

Background Color

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

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

This div background color is #7ECFBD.

Border color

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

This div border color is #7ECFBD.

Opacity

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

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

This text has shadow with #7ECFBD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7ECFBD.