Color #ABD6EB

Color info

#ABD6EB contains mainly green and blue colors. Web safe color of #ABD6EB is #99CCFF (or #9CF).

RGB color model

#ABD6EB color RGB value is (171,214,235).

red value is 171;
green value is 214;
blue value is 235.

RGB: (171,214,235) (67%, 84%, 92%)

RGB channels and saturation

R 171 of 255 = 67%
G 214 of 255 = 84%
B 235 of 255 = 92%

171

214

235

R + G + B ~ 81%. #ABD6EB is quite light color.

Portions of RGB colors in percentages

R + G + B = 171 + 214 + 235 = 620 (100%)
R 171 of 620 ~ 27.58%
G 214 of 620 ~ 34.52%
B 235 of 620 ~ 37.9'%

%27.58

%34.52

%37.9

CMYK color model

#ABD6EB color CMYK value is (27,9,0,8).

cyan value is 27.23%
magenta value is 8.94%
yellow value is 0.00%
key color value is 7.84%

CMYK: (27,9,0,8)
C27M9Y0K8 (27%, 9%, 0%, 8%)
(0.27 / 0.09 / 0.00 / 0.08)

CMYK percentages

%27.23

%8.94

%0

%7.84

Codes

Color #ABD6EB in popluar color models

	AB	D6	EB
RGB	171	214	235
HSL	200°	61.54%	79.61%
HSB/HSV	200°	27.23%	92.16%
CMYK	27.23%	8.94%	0.00%
CMYK	7.84%

Color #ABD6EB in popluar number systems.

HEX	AB	D6	EB
Decimal	171	214	235
Binary	10101011	11010110	11101011
Octal	253	326	353

Shades and tints

Shades of #ABD6EB

#ABD6EB
(171,214,235)

#9CC3D6
(156,195,214)

#8DB0C1
(141,176,193)

#7E9DAC
(126,157,172)

#6F8A97
(111,138,151)

#607782
(96,119,130)

#51646D
(81,100,109)

#425158
(66,81,88)

#333E43
(51,62,67)

#242B2E
(36,43,46)

#151819
(21,24,25)

#000000
(0,0,0)

Tints of #ABD6EB

#ABD6EB
(171,214,235)

#B2D9EC
(178,217,236)

#B9DCED
(185,220,237)

#C0DFEE
(192,223,238)

#C7E2EF
(199,226,239)

#CEE5F0
(206,229,240)

#D5E8F1
(213,232,241)

#DCEBF2
(220,235,242)

#E3EEF3
(227,238,243)

#EAF1F4
(234,241,244)

#F1F4F5
(241,244,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ABD6EB color. Also use rgb(171,214,235) instead hex code.

Text Font Color

.myTextColor { color: #ABD6EB; }

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

This text font color is #ABD6EB.

Background Color

.myBgColor { background-color: #ABD6EB; }

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

This div background color is #ABD6EB.

Border color

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

This div border color is #ABD6EB.

Opacity

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

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

This text has shadow with #ABD6EB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ABD6EB.