COLOR #8EFCDA

HEX: #8EFCDA
RGB: (142,252,218)

Color info

#8EFCDA contains mainly green and blue colors. Web safe color of #8EFCDA is #99FFCC (or #9FC).

RGB color model

#8EFCDA color RGB value is (142,252,218).

  • red value is 142;
  • green value is 252;
  • blue value is 218.
RGB:
(142,252,218)
(56%,99%,85%)

RGB channels and saturation

R 142 of 255 = 56%
G 252 of 255 = 99%
B 218 of 255 = 85%

142
252
218

R + G + B ~ 80%. #8EFCDA is quite light color.

Portions of RGB colors in percentages

R + G + B =
142 + 252 + 218 = 612 (100%)
R 142 of 612 ~ 23.2%
G 252 of 612 ~ 41.18%
B 218 of 612 ~ 35.62%

%23.2
%41.18
%35.62

CMYK color model

#8EFCDA color CMYK value is (44,0,13,1).

  • cyan value is 43.65%
  • magenta value is 0.00%
  • yellow value is 13.49%
  • key color value is 1.18%
CMYK:
(44,0,13,1)
C44M0Y13K1 
(44%,0%,13%,1%)
(0.44/0.00/0.13/0.01)	

CMYK percentages

%43.65
%0
%13.49
%1.18

Codes

Color #8EFCDA in popluar color models

8EFCDA
RGB142252218
HSL161°94.83%77.25%
HSB/HSV161°43.65%98.82%
CMYK43.65%0.00%13.49%
1.18%

Color #8EFCDA in popluar number systems.

HEX8EFCDA
Decimal142252218
Binary100011101111110011011010
Octal216374332

Shades and tints

Shades of #8EFCDA

#8EFCDA
(142,252,218)
#82E6C7
(130,230,199)
#76D0B4
(118,208,180)
#6ABAA1
(106,186,161)
#5EA48E
(94,164,142)
#528E7B
(82,142,123)
#467868
(70,120,104)
#3A6255
(58,98,85)
#2E4C42
(46,76,66)
#22362F
(34,54,47)
#16201C
(22,32,28)
#000000
(0,0,0)

Tints of #8EFCDA

#8EFCDA
(142,252,218)
#98FCDD
(152,252,221)
#A2FCE0
(162,252,224)
#ACFCE3
(172,252,227)
#B6FCE6
(182,252,230)
#C0FCE9
(192,252,233)
#CAFCEC
(202,252,236)
#D4FCEF
(212,252,239)
#DEFCF2
(222,252,242)
#E8FCF5
(232,252,245)
#F2FCF8
(242,252,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8EFCDA color. Also use rgb(142,252,218) instead hex code.

Text Font Color

.myTextColor { color: #8EFCDA; }

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

This text font color is #8EFCDA.


Background Color

.myBgColor { background-color: #8EFCDA; }

<div style="background-color:#8EFCDA">Inner text</div>

This div background color is #8EFCDA.


Border color

.myBorderColor { border: 1px solid #8EFCDA; }

<div style="border:3px solid #8EFCDA">Div</div>

This div border color is #8EFCDA.


Opacity

.myOpacity80 { color: #8EFCDA; opacity: 0.8; }

<p style="color:#8EFCDA;opacity:0.8;">80%</p>

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

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

This text has shadow with #8EFCDA color.

.textShadow {text-shadow: 3px 3px 1px #8EFCDA, 3px 3px 1px red;}

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

This text has shadow with #8EFCDA primary color and red secondary color.


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

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

This text has shadow with #8EFCDA and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8EFCDA on black background.


Color preview on white background

This text has color #8EFCDA on white background.



Black color preview on #8EFCDA background

This text has black color on #8EFCDA background.


White color preview on #8EFCDA background

This text has white color on #8EFCDA background.