Color #7EC6FE hex code, color models, shades and preview

Renk bilgisi

#7EC6FE contains mainly green and blue colors. #7EC6FE ‘ nin web güvenlik rengi #66CCFF (ya da #6CF) dir.

RGB renk modeli

#7EC6FE color RGB value is (126,198,254).

kırmız ton 126;
yeşil ton 198;
mavi ton 254.

RGB:
(126,198,254)
(49%,78%,100%)

RGB bağlantıları ve doygunluk

R 126 of 255 = 49%
G 198 of 255 = 78%
B 254 of 255 = 100%

126

198

254

R + G + B ~ 76%. #7EC6FE is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
126 + 198 + 254 = 578 (100%)
R 126 of 578 ~ 21.8%
G 198 of 578 ~ 34.26%
B 254 of 578 ~ 43.94%

%21.8

%34.26

%43.94

CMYK RENK MODELİ

#7EC6FE rengi CMYK tonu (50,22,0,0).

camgöbeği tonu 50.39%
eflatun tonu 22.05%
sarı tonu 0.00%
ana renk tonu 0.39%

CMYK:
(50,22,0,0)
C50M22Y0K0 
(50%,22%,0%,0%)
(0.50/0.22/0.00/0.00)

CMYK yüzdeleri

%50.39

%22.05

%0.39

Codes

Color #7EC6FE in popluar color models

	7E	C6	FE
RGB	126	198	254
HSL	206°	98.46%	74.51%
HSB/HSV	206°	50.39%	99.61%
CMYK	50.39%	22.05%	0.00%
CMYK	0.39%

Color #7EC6FE in popluar number systems.

HEX	7E	C6	FE
Decimal	126	198	254
Binary	1111110	11000110	11111110
Octal	176	306	376

Shades and tints

Shades of #7EC6FE

#7EC6FE
(126,198,254)

#73B4E7
(115,180,231)

#68A2D0
(104,162,208)

#5D90B9
(93,144,185)

#527EA2
(82,126,162)

#476C8B
(71,108,139)

#3C5A74
(60,90,116)

#31485D
(49,72,93)

#263646
(38,54,70)

#1B242F
(27,36,47)

#101218
(16,18,24)

#000000
(0,0,0)

Tints of #7EC6FE

#7EC6FE
(126,198,254)

#89CBFE
(137,203,254)

#94D0FE
(148,208,254)

#9FD5FE
(159,213,254)

#AADAFE
(170,218,254)

#B5DFFE
(181,223,254)

#C0E4FE
(192,228,254)

#CBE9FE
(203,233,254)

#D6EEFE
(214,238,254)

#E1F3FE
(225,243,254)

#ECF8FE
(236,248,254)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7EC6FE color. Also use rgb(126,198,254) instead hex code.

Text Font Color

.myTextColor { color: #7EC6FE; }

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

This text font color is #7EC6FE.

Background Color

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

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

This div background color is #7EC6FE.

Border color

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

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

This div border color is #7EC6FE.

Opacity

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

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

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

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

This text has shadow with #7EC6FE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7EC6FE.

Preview

Color preview on black background

This text has color #7EC6FE on black background.

Color preview on white background

This text has color #7EC6FE on white background.

Black color preview on #7EC6FE background

This text has black color on #7EC6FE background.

White color preview on #7EC6FE background

This text has white color on #7EC6FE background.

COLOR #7EC6FE