COLOR #ADD2D4

HEX: #ADD2D4 RGB: (173,210,212)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#ADD2D4 color RGB value is (173,210,212).

red value is 173;
green value is 210;
blue value is 212.

RGB: (173,210,212) (68%, 82%, 83%)

RGB channels and saturation

R 173 of 255 = 68%
G 210 of 255 = 82%
B 212 of 255 = 83%

173

210

212

R + G + B ~ 78%. #ADD2D4 is quite light color.

Portions of RGB colors in percentages

R + G + B = 173 + 210 + 212 = 595 (100%)
R 173 of 595 ~ 29.08%
G 210 of 595 ~ 35.29%
B 212 of 595 ~ 35.63'%

%29.08

%35.29

%35.63

CMYK color model

#ADD2D4 color CMYK value is (18,1,0,17).

cyan value is 18.40%
magenta value is 0.94%
yellow value is 0.00%
key color value is 16.86%

CMYK: (18,1,0,17) C18M1Y0K17 (18%,1%,0%,17%) (0.18/0.01/0.00/0.17)

CMYK percentages

%18.4

%0.94

%16.86

Codes

Color #ADD2D4 in popluar color models

	AD	D2	D4
RGB	173	210	212
HSL	183°	31.20%	75.49%
HSB/HSV	183°	18.40%	83.14%
CMYK	18.40%	0.94%	0.00%
CMYK	16.86%

Color #ADD2D4 in popluar number systems.

HEX	AD	D2	D4
Decimal	173	210	212
Binary	10101101	11010010	11010100
Octal	255	322	324

Shades and tints

Shades of #ADD2D4

#ADD2D4
(173,210,212)

#9EBFC1
(158,191,193)

#8FACAE
(143,172,174)

#80999B
(128,153,155)

#718688
(113,134,136)

#627375
(98,115,117)

#536062
(83,96,98)

#444D4F
(68,77,79)

#353A3C
(53,58,60)

#262729
(38,39,41)

#171416
(23,20,22)

#000000
(0,0,0)

Tints of #ADD2D4

#ADD2D4
(173,210,212)

#B4D6D7
(180,214,215)

#BBDADA
(187,218,218)

#C2DEDD
(194,222,221)

#C9E2E0
(201,226,224)

#D0E6E3
(208,230,227)

#D7EAE6
(215,234,230)

#DEEEE9
(222,238,233)

#E5F2EC
(229,242,236)

#ECF6EF
(236,246,239)

#F3FAF2
(243,250,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ADD2D4 color. Also use rgb(173,210,212) instead hex code.

Text Font Color

.myTextColor { color: #ADD2D4; }

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

This text font color is #ADD2D4.

Background Color

.myBgColor { background-color: #ADD2D4; }

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

This div background color is #ADD2D4.

Border color

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

This div border color is #ADD2D4.

Opacity

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

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

This text has shadow with #ADD2D4 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADD2D4.