COLOR #ADE0DA

HEX: #ADE0DA RGB: (173,224,218)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#ADE0DA color RGB value is (173,224,218).

red value is 173;
green value is 224;
blue value is 218.

RGB: (173,224,218) (68%, 88%, 85%)

RGB channels and saturation

R 173 of 255 = 68%
G 224 of 255 = 88%
B 218 of 255 = 85%

173

224

218

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

Portions of RGB colors in percentages

R + G + B = 173 + 224 + 218 = 615 (100%)
R 173 of 615 ~ 28.13%
G 224 of 615 ~ 36.42%
B 218 of 615 ~ 35.45'%

%28.13

%36.42

%35.45

CMYK color model

#ADE0DA color CMYK value is (23,0,3,12).

cyan value is 22.77%
magenta value is 0.00%
yellow value is 2.68%
key color value is 12.16%

CMYK: (23,0,3,12) C23M0Y3K12 (23%,0%,3%,12%) (0.23/0.00/0.03/0.12)

CMYK percentages

%22.77

%2.68

%12.16

Codes

Color #ADE0DA in popluar color models

	AD	E0	DA
RGB	173	224	218
HSL	173°	45.13%	77.84%
HSB/HSV	173°	22.77%	87.84%
CMYK	22.77%	0.00%	2.68%
CMYK	12.16%

Color #ADE0DA in popluar number systems.

HEX	AD	E0	DA
Decimal	173	224	218
Binary	10101101	11100000	11011010
Octal	255	340	332

Shades and tints

Shades of #ADE0DA

#ADE0DA
(173,224,218)

#9ECCC7
(158,204,199)

#8FB8B4
(143,184,180)

#80A4A1
(128,164,161)

#71908E
(113,144,142)

#627C7B
(98,124,123)

#536868
(83,104,104)

#445455
(68,84,85)

#354042
(53,64,66)

#262C2F
(38,44,47)

#17181C
(23,24,28)

#000000
(0,0,0)

Tints of #ADE0DA

#ADE0DA
(173,224,218)

#B4E2DD
(180,226,221)

#BBE4E0
(187,228,224)

#C2E6E3
(194,230,227)

#C9E8E6
(201,232,230)

#D0EAE9
(208,234,233)

#D7ECEC
(215,236,236)

#DEEEEF
(222,238,239)

#E5F0F2
(229,240,242)

#ECF2F5
(236,242,245)

#F3F4F8
(243,244,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ADE0DA color. Also use rgb(173,224,218) instead hex code.

Text Font Color

.myTextColor { color: #ADE0DA; }

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

This text font color is #ADE0DA.

Background Color

.myBgColor { background-color: #ADE0DA; }

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

This div background color is #ADE0DA.

Border color

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

This div border color is #ADE0DA.

Opacity

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

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

This text has shadow with #ADE0DA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADE0DA.