Color #ABE8CC

Color info

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

RGB color model

#ABE8CC color RGB value is (171,232,204).

red value is 171;
green value is 232;
blue value is 204.

RGB: (171,232,204) (67%, 91%, 80%)

RGB channels and saturation

R 171 of 255 = 67%
G 232 of 255 = 91%
B 204 of 255 = 80%

171

232

204

R + G + B ~ 79%. #ABE8CC is quite light color.

Portions of RGB colors in percentages

R + G + B = 171 + 232 + 204 = 607 (100%)
R 171 of 607 ~ 28.17%
G 232 of 607 ~ 38.22%
B 204 of 607 ~ 33.61'%

%28.17

%38.22

%33.61

CMYK color model

#ABE8CC color CMYK value is (26,0,12,9).

cyan value is 26.29%
magenta value is 0.00%
yellow value is 12.07%
key color value is 9.02%

CMYK: (26,0,12,9)
C26M0Y12K9 (26%, 0%, 12%, 9%)
(0.26 / 0.00 / 0.12 / 0.09)

CMYK percentages

%26.29

%0

%12.07

%9.02

Codes

Color #ABE8CC in popluar color models

	AB	E8	CC
RGB	171	232	204
HSL	152°	57.01%	79.02%
HSB/HSV	152°	26.29%	90.98%
CMYK	26.29%	0.00%	12.07%
CMYK	9.02%

Color #ABE8CC in popluar number systems.

HEX	AB	E8	CC
Decimal	171	232	204
Binary	10101011	11101000	11001100
Octal	253	350	314

Shades and tints

Shades of #ABE8CC

#ABE8CC
(171,232,204)

#9CD3BA
(156,211,186)

#8DBEA8
(141,190,168)

#7EA996
(126,169,150)

#6F9484
(111,148,132)

#607F72
(96,127,114)

#516A60
(81,106,96)

#42554E
(66,85,78)

#33403C
(51,64,60)

#242B2A
(36,43,42)

#151618
(21,22,24)

#000000
(0,0,0)

Tints of #ABE8CC

#ABE8CC
(171,232,204)

#B2EAD0
(178,234,208)

#B9ECD4
(185,236,212)

#C0EED8
(192,238,216)

#C7F0DC
(199,240,220)

#CEF2E0
(206,242,224)

#D5F4E4
(213,244,228)

#DCF6E8
(220,246,232)

#E3F8EC
(227,248,236)

#EAFAF0
(234,250,240)

#F1FCF4
(241,252,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ABE8CC color. Also use rgb(171,232,204) instead hex code.

Text Font Color

.myTextColor { color: #ABE8CC; }

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

This text font color is #ABE8CC.

Background Color

.myBgColor { background-color: #ABE8CC; }

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

This div background color is #ABE8CC.

Border color

.myBorderColor { border: 1px solid #ABE8CC; }

This div border color is #ABE8CC.

Opacity

.myOpacity80 { color: #ABE8CC; opacity: 0.8; }

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

This text has shadow with #ABE8CC color.

.textShadow {text-shadow: 3px 3px 1px #ABE8CC', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ABE8CC.