Color #7FFCFA

Color info

#7FFCFA contains mainly green and blue colors. Web safe color of #7FFCFA is #66FFFF (or #6FF).

RGB color model

#7FFCFA color RGB value is (127,252,250).

red value is 127;
green value is 252;
blue value is 250.

RGB:
(127,252,250)
(50%,99%,98%)

RGB channels and saturation

R 127 of 255 = 50%
G 252 of 255 = 99%
B 250 of 255 = 98%

127

252

250

R + G + B ~ 82%. #7FFCFA is quite light color.

Portions of RGB colors in percentages

R + G + B =
127 + 252 + 250 = 629 (100%)
R 127 of 629 ~ 20.19%
G 252 of 629 ~ 40.06%
B 250 of 629 ~ 39.75%

%20.19

%40.06

%39.75

CMYK color model

#7FFCFA color CMYK value is (50,0,1,1).

cyan value is 49.60%
magenta value is 0.00%
yellow value is 0.79%
key color value is 1.18%

CMYK:
(50,0,1,1)
C50M0Y1K1 
(50%,0%,1%,1%)
(0.50/0.00/0.01/0.01)

CMYK percentages

%49.6

%0.79

%1.18

Codes

Color #7FFCFA in popluar color models

	7F	FC	FA
RGB	127	252	250
HSL	179°	95.42%	74.31%
HSB/HSV	179°	49.60%	98.82%
CMYK	49.60%	0.00%	0.79%
CMYK	1.18%

Color #7FFCFA in popluar number systems.

HEX	7F	FC	FA
Decimal	127	252	250
Binary	1111111	11111100	11111010
Octal	177	374	372

Shades and tints

Shades of #7FFCFA

#7FFCFA
(127,252,250)

#74E6E4
(116,230,228)

#69D0CE
(105,208,206)

#5EBAB8
(94,186,184)

#53A4A2
(83,164,162)

#488E8C
(72,142,140)

#3D7876
(61,120,118)

#326260
(50,98,96)

#274C4A
(39,76,74)

#1C3634
(28,54,52)

#11201E
(17,32,30)

#000000
(0,0,0)

Tints of #7FFCFA

#7FFCFA
(127,252,250)

#8AFCFA
(138,252,250)

#95FCFA
(149,252,250)

#A0FCFA
(160,252,250)

#ABFCFA
(171,252,250)

#B6FCFA
(182,252,250)

#C1FCFA
(193,252,250)

#CCFCFA
(204,252,250)

#D7FCFA
(215,252,250)

#E2FCFA
(226,252,250)

#EDFCFA
(237,252,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7FFCFA color. Also use rgb(127,252,250) instead hex code.

Text Font Color

.myTextColor { color: #7FFCFA; }

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

This text font color is #7FFCFA.

Background Color

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

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

This div background color is #7FFCFA.

Border color

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

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

This div border color is #7FFCFA.

Opacity

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

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

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

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

This text has shadow with #7FFCFA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7FFCFA.

Preview

Color preview on black background

This text has color #7FFCFA on black background.

Color preview on white background

This text has color #7FFCFA on white background.

Black color preview on #7FFCFA background

This text has black color on #7FFCFA background.

White color preview on #7FFCFA background

This text has white color on #7FFCFA background.