COLOR #8EEFC0

HEX: #8EEFC0
RGB: (142,239,192)

Color info

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

RGB color model

#8EEFC0 color RGB value is (142,239,192).

  • red value is 142;
  • green value is 239;
  • blue value is 192.
RGB:
(142,239,192)
(56%,94%,75%)

RGB channels and saturation

R 142 of 255 = 56%
G 239 of 255 = 94%
B 192 of 255 = 75%

142
239
192

R + G + B ~ 75%. #8EEFC0 is quite light color.

Portions of RGB colors in percentages

R + G + B =
142 + 239 + 192 = 573 (100%)
R 142 of 573 ~ 24.78%
G 239 of 573 ~ 41.71%
B 192 of 573 ~ 33.51%

%24.78
%41.71
%33.51

CMYK color model

#8EEFC0 color CMYK value is (41,0,20,6).

  • cyan value is 40.59%
  • magenta value is 0.00%
  • yellow value is 19.67%
  • key color value is 6.27%
CMYK:
(41,0,20,6)
C41M0Y20K6 
(41%,0%,20%,6%)
(0.41/0.00/0.20/0.06)	

CMYK percentages

%40.59
%0
%19.67
%6.27

Codes

Color #8EEFC0 in popluar color models

8EEFC0
RGB142239192
HSL151°75.19%74.71%
HSB/HSV151°40.59%93.73%
CMYK40.59%0.00%19.67%
6.27%

Color #8EEFC0 in popluar number systems.

HEX8EEFC0
Decimal142239192
Binary100011101110111111000000
Octal216357300

Shades and tints

Shades of #8EEFC0

#8EEFC0
(142,239,192)
#82DAAF
(130,218,175)
#76C59E
(118,197,158)
#6AB08D
(106,176,141)
#5E9B7C
(94,155,124)
#52866B
(82,134,107)
#46715A
(70,113,90)
#3A5C49
(58,92,73)
#2E4738
(46,71,56)
#223227
(34,50,39)
#161D16
(22,29,22)
#000000
(0,0,0)

Tints of #8EEFC0

#8EEFC0
(142,239,192)
#98F0C5
(152,240,197)
#A2F1CA
(162,241,202)
#ACF2CF
(172,242,207)
#B6F3D4
(182,243,212)
#C0F4D9
(192,244,217)
#CAF5DE
(202,245,222)
#D4F6E3
(212,246,227)
#DEF7E8
(222,247,232)
#E8F8ED
(232,248,237)
#F2F9F2
(242,249,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8EEFC0 color. Also use rgb(142,239,192) instead hex code.

Text Font Color

.myTextColor { color: #8EEFC0; }

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

This text font color is #8EEFC0.


Background Color

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

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

This div background color is #8EEFC0.


Border color

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

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

This div border color is #8EEFC0.


Opacity

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

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

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

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

This text has shadow with #8EEFC0 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8EEFC0 on black background.


Color preview on white background

This text has color #8EEFC0 on white background.



Black color preview on #8EEFC0 background

This text has black color on #8EEFC0 background.


White color preview on #8EEFC0 background

This text has white color on #8EEFC0 background.