Color #ABDCDD

Color info

#ABDCDD contains red, green and blue colors in about the same proportion. Web safe color of #ABDCDD is #99CCCC (or #9CC).

RGB color model

#ABDCDD color RGB value is (171,220,221).

red value is 171;
green value is 220;
blue value is 221.

RGB:
(171,220,221)
(67%,86%,87%)

RGB channels and saturation

R 171 of 255 = 67%
G 220 of 255 = 86%
B 221 of 255 = 87%

171

220

221

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

Portions of RGB colors in percentages

R + G + B =
171 + 220 + 221 = 612 (100%)
R 171 of 612 ~ 27.94%
G 220 of 612 ~ 35.95%
B 221 of 612 ~ 36.11%

%27.94

%35.95

%36.11

CMYK color model

#ABDCDD color CMYK value is (23,0,0,13).

cyan value is 22.62%
magenta value is 0.45%
yellow value is 0.00%
key color value is 13.33%

CMYK:
(23,0,0,13)
C23M0Y0K13 
(23%,0%,0%,13%)
(0.23/0.00/0.00/0.13)

CMYK percentages

%22.62

%0.45

%13.33

Codes

Color #ABDCDD in popluar color models

	AB	DC	DD
RGB	171	220	221
HSL	181°	42.37%	76.86%
HSB/HSV	181°	22.62%	86.67%
CMYK	22.62%	0.45%	0.00%
CMYK	13.33%

Color #ABDCDD in popluar number systems.

HEX	AB	DC	DD
Decimal	171	220	221
Binary	10101011	11011100	11011101
Octal	253	334	335

Shades and tints

Shades of #ABDCDD

#ABDCDD
(171,220,221)

#9CC8C9
(156,200,201)

#8DB4B5
(141,180,181)

#7EA0A1
(126,160,161)

#6F8C8D
(111,140,141)

#607879
(96,120,121)

#516465
(81,100,101)

#425051
(66,80,81)

#333C3D
(51,60,61)

#242829
(36,40,41)

#151415
(21,20,21)

#000000
(0,0,0)

Tints of #ABDCDD

#ABDCDD
(171,220,221)

#B2DFE0
(178,223,224)

#B9E2E3
(185,226,227)

#C0E5E6
(192,229,230)

#C7E8E9
(199,232,233)

#CEEBEC
(206,235,236)

#D5EEEF
(213,238,239)

#DCF1F2
(220,241,242)

#E3F4F5
(227,244,245)

#EAF7F8
(234,247,248)

#F1FAFB
(241,250,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ABDCDD color. Also use rgb(171,220,221) instead hex code.

Text Font Color

.myTextColor { color: #ABDCDD; }

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

This text font color is #ABDCDD.

Background Color

.myBgColor { background-color: #ABDCDD; }

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

This div background color is #ABDCDD.

Border color

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

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

This div border color is #ABDCDD.

Opacity

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

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

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

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

This text has shadow with #ABDCDD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ABDCDD.

Preview

Color preview on black background

This text has color #ABDCDD on black background.

Color preview on white background

This text has color #ABDCDD on white background.

Black color preview on #ABDCDD background

This text has black color on #ABDCDD background.

White color preview on #ABDCDD background

This text has white color on #ABDCDD background.