Color #AFFED5

Color info

#AFFED5 contains mainly green and blue colors. Web safe color of #AFFED5 is #99FFCC (or #9FC).

RGB color model

#AFFED5 color RGB value is (175,254,213).

red value is 175;
green value is 254;
blue value is 213.

RGB:
(175,254,213)
(69%,100%,84%)

RGB channels and saturation

R 175 of 255 = 69%
G 254 of 255 = 100%
B 213 of 255 = 84%

175

254

213

R + G + B ~ 84%. #AFFED5 is quite light color.

Portions of RGB colors in percentages

R + G + B =
175 + 254 + 213 = 642 (100%)
R 175 of 642 ~ 27.26%
G 254 of 642 ~ 39.56%
B 213 of 642 ~ 33.18%

%27.26

%39.56

%33.18

CMYK color model

#AFFED5 color CMYK value is (31,0,16,0).

cyan value is 31.10%
magenta value is 0.00%
yellow value is 16.14%
key color value is 0.39%

CMYK:
(31,0,16,0)
C31M0Y16K0 
(31%,0%,16%,0%)
(0.31/0.00/0.16/0.00)

CMYK percentages

%31.1

%16.14

%0.39

Codes

Color #AFFED5 in popluar color models

	AF	FE	D5
RGB	175	254	213
HSL	149°	97.53%	84.12%
HSB/HSV	149°	31.10%	99.61%
CMYK	31.10%	0.00%	16.14%
CMYK	0.39%

Color #AFFED5 in popluar number systems.

HEX	AF	FE	D5
Decimal	175	254	213
Binary	10101111	11111110	11010101
Octal	257	376	325

Shades and tints

Shades of #AFFED5

#AFFED5
(175,254,213)

#A0E7C2
(160,231,194)

#91D0AF
(145,208,175)

#82B99C
(130,185,156)

#73A289
(115,162,137)

#648B76
(100,139,118)

#557463
(85,116,99)

#465D50
(70,93,80)

#37463D
(55,70,61)

#282F2A
(40,47,42)

#191817
(25,24,23)

#000000
(0,0,0)

Tints of #AFFED5

#AFFED5
(175,254,213)

#B6FED8
(182,254,216)

#BDFEDB
(189,254,219)

#C4FEDE
(196,254,222)

#CBFEE1
(203,254,225)

#D2FEE4
(210,254,228)

#D9FEE7
(217,254,231)

#E0FEEA
(224,254,234)

#E7FEED
(231,254,237)

#EEFEF0
(238,254,240)

#F5FEF3
(245,254,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFFED5 color. Also use rgb(175,254,213) instead hex code.

Text Font Color

.myTextColor { color: #AFFED5; }

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

This text font color is #AFFED5.

Background Color

.myBgColor { background-color: #AFFED5; }

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

This div background color is #AFFED5.

Border color

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

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

This div border color is #AFFED5.

Opacity

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

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

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

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

This text has shadow with #AFFED5 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AFFED5.

Preview

Color preview on black background

This text has color #AFFED5 on black background.

Color preview on white background

This text has color #AFFED5 on white background.

Black color preview on #AFFED5 background

This text has black color on #AFFED5 background.

White color preview on #AFFED5 background

This text has white color on #AFFED5 background.