Color #ABEDCA

Color info

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

RGB color model

#ABEDCA color RGB value is (171,237,202).

red value is 171;
green value is 237;
blue value is 202.

RGB: (171,237,202) (67%, 93%, 79%)

RGB channels and saturation

R 171 of 255 = 67%
G 237 of 255 = 93%
B 202 of 255 = 79%

171

237

202

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

Portions of RGB colors in percentages

R + G + B = 171 + 237 + 202 = 610 (100%)
R 171 of 610 ~ 28.03%
G 237 of 610 ~ 38.85%
B 202 of 610 ~ 33.11'%

%28.03

%38.85

%33.11

CMYK color model

#ABEDCA color CMYK value is (28,0,15,7).

cyan value is 27.85%
magenta value is 0.00%
yellow value is 14.77%
key color value is 7.06%

CMYK: (28,0,15,7)
C28M0Y15K7 (28%, 0%, 15%, 7%)
(0.28 / 0.00 / 0.15 / 0.07)

CMYK percentages

%27.85

%0

%14.77

%7.06

Codes

Color #ABEDCA in popluar color models

	AB	ED	CA
RGB	171	237	202
HSL	148°	64.71%	80.00%
HSB/HSV	148°	27.85%	92.94%
CMYK	27.85%	0.00%	14.77%
CMYK	7.06%

Color #ABEDCA in popluar number systems.

HEX	AB	ED	CA
Decimal	171	237	202
Binary	10101011	11101101	11001010
Octal	253	355	312

Shades and tints

Shades of #ABEDCA

#ABEDCA
(171,237,202)

#9CD8B8
(156,216,184)

#8DC3A6
(141,195,166)

#7EAE94
(126,174,148)

#6F9982
(111,153,130)

#608470
(96,132,112)

#516F5E
(81,111,94)

#425A4C
(66,90,76)

#33453A
(51,69,58)

#243028
(36,48,40)

#151B16
(21,27,22)

#000000
(0,0,0)

Tints of #ABEDCA

#ABEDCA
(171,237,202)

#B2EECE
(178,238,206)

#B9EFD2
(185,239,210)

#C0F0D6
(192,240,214)

#C7F1DA
(199,241,218)

#CEF2DE
(206,242,222)

#D5F3E2
(213,243,226)

#DCF4E6
(220,244,230)

#E3F5EA
(227,245,234)

#EAF6EE
(234,246,238)

#F1F7F2
(241,247,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ABEDCA color. Also use rgb(171,237,202) instead hex code.

Text Font Color

.myTextColor { color: #ABEDCA; }

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

This text font color is #ABEDCA.

Background Color

.myBgColor { background-color: #ABEDCA; }

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

This div background color is #ABEDCA.

Border color

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

This div border color is #ABEDCA.

Opacity

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

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

This text has shadow with #ABEDCA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ABEDCA.