COLOR #ACDE80

HEX: #ACDE80
RGB: (172,222,128)

Color info

#ACDE80 contains mainly red and green colors. Web safe color of #ACDE80 is #99CC66 (or #9C6).

RGB color model

#ACDE80 color RGB value is (172,222,128).

  • red value is 172;
  • green value is 222;
  • blue value is 128.
RGB:
(172,222,128)
(67%,87%,50%)

RGB channels and saturation

R 172 of 255 = 67%
G 222 of 255 = 87%
B 128 of 255 = 50%

172
222
128

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

Portions of RGB colors in percentages

R + G + B =
172 + 222 + 128 = 522 (100%)
R 172 of 522 ~ 32.95%
G 222 of 522 ~ 42.53%
B 128 of 522 ~ 24.52%

%32.95
%42.53
%24.52

CMYK color model

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

  • cyan value is 22.52%
  • magenta value is 0.00%
  • yellow value is 42.34%
  • key color value is 12.94%
CMYK:
(23,0,42,13)
C23M0Y42K13 
(23%,0%,42%,13%)
(0.23/0.00/0.42/0.13)	

CMYK percentages

%22.52
%0
%42.34
%12.94

Codes

Color #ACDE80 in popluar color models

ACDE80
RGB172222128
HSL92°58.75%68.63%
HSB/HSV92°42.34%87.06%
CMYK22.52%0.00%42.34%
12.94%

Color #ACDE80 in popluar number systems.

HEXACDE80
Decimal172222128
Binary101011001101111010000000
Octal254336200

Shades and tints

Shades of #ACDE80

#ACDE80
(172,222,128)
#9DCA75
(157,202,117)
#8EB66A
(142,182,106)
#7FA25F
(127,162,95)
#708E54
(112,142,84)
#617A49
(97,122,73)
#52663E
(82,102,62)
#435233
(67,82,51)
#343E28
(52,62,40)
#252A1D
(37,42,29)
#161612
(22,22,18)
#000000
(0,0,0)

Tints of #ACDE80

#ACDE80
(172,222,128)
#B3E18B
(179,225,139)
#BAE496
(186,228,150)
#C1E7A1
(193,231,161)
#C8EAAC
(200,234,172)
#CFEDB7
(207,237,183)
#D6F0C2
(214,240,194)
#DDF3CD
(221,243,205)
#E4F6D8
(228,246,216)
#EBF9E3
(235,249,227)
#F2FCEE
(242,252,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACDE80 color. Also use rgb(172,222,128) instead hex code.

Text Font Color

.myTextColor { color: #ACDE80; }

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

This text font color is #ACDE80.


Background Color

.myBgColor { background-color: #ACDE80; }

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

This div background color is #ACDE80.


Border color

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

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

This div border color is #ACDE80.


Opacity

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

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

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

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

This text has shadow with #ACDE80 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #ACDE80 on black background.


Color preview on white background

This text has color #ACDE80 on white background.



Black color preview on #ACDE80 background

This text has black color on #ACDE80 background.


White color preview on #ACDE80 background

This text has white color on #ACDE80 background.