Color #ADDE96 hex code, color models, shades and preview

Renk bilgisi

#ADDE96 contains mainly red and green colors. #ADDE96 ‘ nin web güvenlik rengi #99CC99 (ya da #9C9) dir.

RGB renk modeli

#ADDE96 color RGB value is (173,222,150).

kırmız ton 173;
yeşil ton 222;
mavi ton 150.

RGB:
(173,222,150)
(68%,87%,59%)

RGB bağlantıları ve doygunluk

R 173 of 255 = 68%
G 222 of 255 = 87%
B 150 of 255 = 59%

173

222

150

R + G + B ~ 71%. #ADDE96 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
173 + 222 + 150 = 545 (100%)
R 173 of 545 ~ 31.74%
G 222 of 545 ~ 40.73%
B 150 of 545 ~ 27.52%

%31.74

%40.73

%27.52

CMYK RENK MODELİ

#ADDE96 rengi CMYK tonu (22,0,32,13).

camgöbeği tonu 22.07%
eflatun tonu 0.00%
sarı tonu 32.43%
ana renk tonu 12.94%

CMYK:
(22,0,32,13)
C22M0Y32K13 
(22%,0%,32%,13%)
(0.22/0.00/0.32/0.13)

CMYK yüzdeleri

%22.07

%32.43

%12.94

Codes

Color #ADDE96 in popluar color models

	AD	DE	96
RGB	173	222	150
HSL	101°	52.17%	72.94%
HSB/HSV	101°	32.43%	87.06%
CMYK	22.07%	0.00%	32.43%
CMYK	12.94%

Color #ADDE96 in popluar number systems.

HEX	AD	DE	96
Decimal	173	222	150
Binary	10101101	11011110	10010110
Octal	255	336	226

Shades and tints

Shades of #ADDE96

#ADDE96
(173,222,150)

#9ECA89
(158,202,137)

#8FB67C
(143,182,124)

#80A26F
(128,162,111)

#718E62
(113,142,98)

#627A55
(98,122,85)

#536648
(83,102,72)

#44523B
(68,82,59)

#353E2E
(53,62,46)

#262A21
(38,42,33)

#171614
(23,22,20)

#000000
(0,0,0)

Tints of #ADDE96

#ADDE96
(173,222,150)

#B4E19F
(180,225,159)

#BBE4A8
(187,228,168)

#C2E7B1
(194,231,177)

#C9EABA
(201,234,186)

#D0EDC3
(208,237,195)

#D7F0CC
(215,240,204)

#DEF3D5
(222,243,213)

#E5F6DE
(229,246,222)

#ECF9E7
(236,249,231)

#F3FCF0
(243,252,240)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #ADDE96; }

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

This text font color is #ADDE96.

Background Color

.myBgColor { background-color: #ADDE96; }

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

This div background color is #ADDE96.

Border color

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

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

This div border color is #ADDE96.

Opacity

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

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

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

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

This text has shadow with #ADDE96 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADDE96.

Preview

Color preview on black background

This text has color #ADDE96 on black background.

Color preview on white background

This text has color #ADDE96 on white background.

Black color preview on #ADDE96 background

This text has black color on #ADDE96 background.

White color preview on #ADDE96 background

This text has white color on #ADDE96 background.

COLOR #ADDE96