Color #ADDE87

Color info

#ADDE87 contains mainly red and green colors. Web safe color of #ADDE87 is #99CC99 (or #9C9).

RGB color model

#ADDE87 color RGB value is (173,222,135).

red value is 173;
green value is 222;
blue value is 135.

RGB: (173,222,135) (68%, 87%, 53%)

RGB channels and saturation

R 173 of 255 = 68%
G 222 of 255 = 87%
B 135 of 255 = 53%

173

222

135

R + G + B ~ 69%. #ADDE87 is quite light color.

Portions of RGB colors in percentages

R + G + B = 173 + 222 + 135 = 530 (100%)
R 173 of 530 ~ 32.64%
G 222 of 530 ~ 41.89%
B 135 of 530 ~ 25.47'%

%32.64

%41.89

%25.47

CMYK color model

#ADDE87 color CMYK value is (22,0,39,13).

cyan value is 22.07%
magenta value is 0.00%
yellow value is 39.19%
key color value is 12.94%

CMYK: (22,0,39,13)
C22M0Y39K13 (22%, 0%, 39%, 13%)
(0.22 / 0.00 / 0.39 / 0.13)

CMYK percentages

%22.07

%0

%39.19

%12.94

Codes

Color #ADDE87 in popluar color models

	AD	DE	87
RGB	173	222	135
HSL	94°	56.86%	70.00%
HSB/HSV	94°	39.19%	87.06%
CMYK	22.07%	0.00%	39.19%
CMYK	12.94%

Color #ADDE87 in popluar number systems.

HEX	AD	DE	87
Decimal	173	222	135
Binary	10101101	11011110	10000111
Octal	255	336	207

Shades and tints

Shades of #ADDE87

#ADDE87
(173,222,135)

#9ECA7B
(158,202,123)

#8FB66F
(143,182,111)

#80A263
(128,162,99)

#718E57
(113,142,87)

#627A4B
(98,122,75)

#53663F
(83,102,63)

#445233
(68,82,51)

#353E27
(53,62,39)

#262A1B
(38,42,27)

#17160F
(23,22,15)

#000000
(0,0,0)

Tints of #ADDE87

#ADDE87
(173,222,135)

#B4E191
(180,225,145)

#BBE49B
(187,228,155)

#C2E7A5
(194,231,165)

#C9EAAF
(201,234,175)

#D0EDB9
(208,237,185)

#D7F0C3
(215,240,195)

#DEF3CD
(222,243,205)

#E5F6D7
(229,246,215)

#ECF9E1
(236,249,225)

#F3FCEB
(243,252,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ADDE87 color. Also use rgb(173,222,135) instead hex code.

Text Font Color

.myTextColor { color: #ADDE87; }

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

This text font color is #ADDE87.

Background Color

.myBgColor { background-color: #ADDE87; }

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

This div background color is #ADDE87.

Border color

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

This div border color is #ADDE87.

Opacity

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

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

This text has shadow with #ADDE87 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADDE87.