Color #80ADDD

Color info

#80ADDD contains mainly green and blue colors. Web safe color of #80ADDD is #6699CC (or #69C).

RGB color model

#80ADDD color RGB value is (128,173,221).

red value is 128;
green value is 173;
blue value is 221.

RGB: (128,173,221) (50%, 68%, 87%)

RGB channels and saturation

R 128 of 255 = 50%
G 173 of 255 = 68%
B 221 of 255 = 87%

128

173

221

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

Portions of RGB colors in percentages

R + G + B = 128 + 173 + 221 = 522 (100%)
R 128 of 522 ~ 24.52%
G 173 of 522 ~ 33.14%
B 221 of 522 ~ 42.34'%

%24.52

%33.14

%42.34

CMYK color model

#80ADDD color CMYK value is (42,22,0,13).

cyan value is 42.08%
magenta value is 21.72%
yellow value is 0.00%
key color value is 13.33%

CMYK: (42,22,0,13)
C42M22Y0K13 (42%, 22%, 0%, 13%)
(0.42 / 0.22 / 0.00 / 0.13)

CMYK percentages

%42.08

%21.72

%0

%13.33

Codes

Color #80ADDD in popluar color models

	80	AD	DD
RGB	128	173	221
HSL	211°	57.76%	68.43%
HSB/HSV	211°	42.08%	86.67%
CMYK	42.08%	21.72%	0.00%
CMYK	13.33%

Color #80ADDD in popluar number systems.

HEX	80	AD	DD
Decimal	128	173	221
Binary	10000000	10101101	11011101
Octal	200	255	335

Shades and tints

Shades of #80ADDD

#80ADDD
(128,173,221)

#759EC9
(117,158,201)

#6A8FB5
(106,143,181)

#5F80A1
(95,128,161)

#54718D
(84,113,141)

#496279
(73,98,121)

#3E5365
(62,83,101)

#334451
(51,68,81)

#28353D
(40,53,61)

#1D2629
(29,38,41)

#121715
(18,23,21)

#000000
(0,0,0)

Tints of #80ADDD

#80ADDD
(128,173,221)

#8BB4E0
(139,180,224)

#96BBE3
(150,187,227)

#A1C2E6
(161,194,230)

#ACC9E9
(172,201,233)

#B7D0EC
(183,208,236)

#C2D7EF
(194,215,239)

#CDDEF2
(205,222,242)

#D8E5F5
(216,229,245)

#E3ECF8
(227,236,248)

#EEF3FB
(238,243,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #80ADDD color. Also use rgb(128,173,221) instead hex code.

Text Font Color

.myTextColor { color: #80ADDD; }

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

This text font color is #80ADDD.

Background Color

.myBgColor { background-color: #80ADDD; }

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

This div background color is #80ADDD.

Border color

.myBorderColor { border: 1px solid #80ADDD; }

This div border color is #80ADDD.

Opacity

.myOpacity80 { color: #80ADDD; opacity: 0.8; }

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

This text has shadow with #80ADDD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #80ADDD.