Color #8CC892

Color info

#8CC892 contains mainly green and blue colors. Web safe color of #8CC892 is #99CC99 (or #9C9).

RGB color model

#8CC892 color RGB value is (140,200,146).

red value is 140;
green value is 200;
blue value is 146.

RGB:
(140,200,146)
(55%,78%,57%)

RGB channels and saturation

R 140 of 255 = 55%
G 200 of 255 = 78%
B 146 of 255 = 57%

140

200

146

R + G + B ~ 63%. #8CC892 is quite light color.

Portions of RGB colors in percentages

R + G + B =
140 + 200 + 146 = 486 (100%)
R 140 of 486 ~ 28.81%
G 200 of 486 ~ 41.15%
B 146 of 486 ~ 30.04%

%28.81

%41.15

%30.04

CMYK color model

#8CC892 color CMYK value is (30,0,27,22).

cyan value is 30.00%
magenta value is 0.00%
yellow value is 27.00%
key color value is 21.57%

CMYK:
(30,0,27,22)
C30M0Y27K22 
(30%,0%,27%,22%)
(0.30/0.00/0.27/0.22)

CMYK percentages

%30

%27

%21.57

Codes

Color #8CC892 in popluar color models

	8C	C8	92
RGB	140	200	146
HSL	126°	35.29%	66.67%
HSB/HSV	126°	30.00%	78.43%
CMYK	30.00%	0.00%	27.00%
CMYK	21.57%

Color #8CC892 in popluar number systems.

HEX	8C	C8	92
Decimal	140	200	146
Binary	10001100	11001000	10010010
Octal	214	310	222

Shades and tints

Shades of #8CC892

#8CC892
(140,200,146)

#80B685
(128,182,133)

#74A478
(116,164,120)

#68926B
(104,146,107)

#5C805E
(92,128,94)

#506E51
(80,110,81)

#445C44
(68,92,68)

#384A37
(56,74,55)

#2C382A
(44,56,42)

#20261D
(32,38,29)

#141410
(20,20,16)

#000000
(0,0,0)

Tints of #8CC892

#8CC892
(140,200,146)

#96CD9B
(150,205,155)

#A0D2A4
(160,210,164)

#AAD7AD
(170,215,173)

#B4DCB6
(180,220,182)

#BEE1BF
(190,225,191)

#C8E6C8
(200,230,200)

#D2EBD1
(210,235,209)

#DCF0DA
(220,240,218)

#E6F5E3
(230,245,227)

#F0FAEC
(240,250,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8CC892 color. Also use rgb(140,200,146) instead hex code.

Text Font Color

.myTextColor { color: #8CC892; }

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

This text font color is #8CC892.

Background Color

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

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

This div background color is #8CC892.

Border color

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

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

This div border color is #8CC892.

Opacity

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

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

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

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

This text has shadow with #8CC892 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8CC892.

Preview

Color preview on black background

This text has color #8CC892 on black background.

Color preview on white background

This text has color #8CC892 on white background.

Black color preview on #8CC892 background

This text has black color on #8CC892 background.

White color preview on #8CC892 background

This text has white color on #8CC892 background.