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

Renk bilgisi

#AFDD6D contains mainly red and green colors. #AFDD6D ‘ nin web güvenlik rengi #99CC66 (ya da #9C6) dir.

RGB renk modeli

#AFDD6D color RGB value is (175,221,109).

kırmız ton 175;
yeşil ton 221;
mavi ton 109.

RGB:
(175,221,109)
(69%,87%,43%)

RGB bağlantıları ve doygunluk

R 175 of 255 = 69%
G 221 of 255 = 87%
B 109 of 255 = 43%

175

221

109

R + G + B ~ 66%. #AFDD6D is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
175 + 221 + 109 = 505 (100%)
R 175 of 505 ~ 34.65%
G 221 of 505 ~ 43.76%
B 109 of 505 ~ 21.58%

%34.65

%43.76

%21.58

CMYK RENK MODELİ

#AFDD6D rengi CMYK tonu (21,0,51,13).

camgöbeği tonu 20.81%
eflatun tonu 0.00%
sarı tonu 50.68%
ana renk tonu 13.33%

CMYK:
(21,0,51,13)
C21M0Y51K13 
(21%,0%,51%,13%)
(0.21/0.00/0.51/0.13)

CMYK yüzdeleri

%20.81

%50.68

%13.33

Codes

Color #AFDD6D in popluar color models

	AF	DD	6D
RGB	175	221	109
HSL	85°	62.22%	64.71%
HSB/HSV	85°	50.68%	86.67%
CMYK	20.81%	0.00%	50.68%
CMYK	13.33%

Color #AFDD6D in popluar number systems.

HEX	AF	DD	6D
Decimal	175	221	109
Binary	10101111	11011101	1101101
Octal	257	335	155

Shades and tints

Shades of #AFDD6D

#AFDD6D
(175,221,109)

#A0C964
(160,201,100)

#91B55B
(145,181,91)

#82A152
(130,161,82)

#738D49
(115,141,73)

#647940
(100,121,64)

#556537
(85,101,55)

#46512E
(70,81,46)

#373D25
(55,61,37)

#28291C
(40,41,28)

#191513
(25,21,19)

#000000
(0,0,0)

Tints of #AFDD6D

#AFDD6D
(175,221,109)

#B6E07A
(182,224,122)

#BDE387
(189,227,135)

#C4E694
(196,230,148)

#CBE9A1
(203,233,161)

#D2ECAE
(210,236,174)

#D9EFBB
(217,239,187)

#E0F2C8
(224,242,200)

#E7F5D5
(231,245,213)

#EEF8E2
(238,248,226)

#F5FBEF
(245,251,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFDD6D color. Also use rgb(175,221,109) instead hex code.

Text Font Color

.myTextColor { color: #AFDD6D; }

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

This text font color is #AFDD6D.

Background Color

.myBgColor { background-color: #AFDD6D; }

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

This div background color is #AFDD6D.

Border color

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

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

This div border color is #AFDD6D.

Opacity

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

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

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

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

This text has shadow with #AFDD6D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AFDD6D.

Preview

Color preview on black background

This text has color #AFDD6D on black background.

Color preview on white background

This text has color #AFDD6D on white background.

Black color preview on #AFDD6D background

This text has black color on #AFDD6D background.

White color preview on #AFDD6D background

This text has white color on #AFDD6D background.

COLOR #AFDD6D