Color #AFAABD

Color info

#AFAABD contains red, green and blue colors in about the same proportion. Web safe color of #AFAABD is #9999CC (or #99C).

RGB color model

#AFAABD color RGB value is (175,170,189).

red value is 175;
green value is 170;
blue value is 189.

RGB:
(175,170,189)
(69%,67%,74%)

RGB channels and saturation

R 175 of 255 = 69%
G 170 of 255 = 67%
B 189 of 255 = 74%

175

170

189

R + G + B ~ 70%. #AFAABD is quite light color.

Portions of RGB colors in percentages

R + G + B =
175 + 170 + 189 = 534 (100%)
R 175 of 534 ~ 32.77%
G 170 of 534 ~ 31.84%
B 189 of 534 ~ 35.39%

%32.77

%31.84

%35.39

CMYK color model

#AFAABD color CMYK value is (7,10,0,26).

cyan value is 7.41%
magenta value is 10.05%
yellow value is 0.00%
key color value is 25.88%

CMYK:
(7,10,0,26)
C7M10Y0K26 
(7%,10%,0%,26%)
(0.07/0.10/0.00/0.26)

CMYK percentages

%7.41

%10.05

%25.88

Codes

Color #AFAABD in popluar color models

	AF	AA	BD
RGB	175	170	189
HSL	256°	12.58%	70.39%
HSB/HSV	256°	10.05%	74.12%
CMYK	7.41%	10.05%	0.00%
CMYK	25.88%

Color #AFAABD in popluar number systems.

HEX	AF	AA	BD
Decimal	175	170	189
Binary	10101111	10101010	10111101
Octal	257	252	275

Shades and tints

Shades of #AFAABD

#AFAABD
(175,170,189)

#A09BAC
(160,155,172)

#918C9B
(145,140,155)

#827D8A
(130,125,138)

#736E79
(115,110,121)

#645F68
(100,95,104)

#555057
(85,80,87)

#464146
(70,65,70)

#373235
(55,50,53)

#282324
(40,35,36)

#191413
(25,20,19)

#000000
(0,0,0)

Tints of #AFAABD

#AFAABD
(175,170,189)

#B6B1C3
(182,177,195)

#BDB8C9
(189,184,201)

#C4BFCF
(196,191,207)

#CBC6D5
(203,198,213)

#D2CDDB
(210,205,219)

#D9D4E1
(217,212,225)

#E0DBE7
(224,219,231)

#E7E2ED
(231,226,237)

#EEE9F3
(238,233,243)

#F5F0F9
(245,240,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFAABD color. Also use rgb(175,170,189) instead hex code.

Text Font Color

.myTextColor { color: #AFAABD; }

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

This text font color is #AFAABD.

Background Color

.myBgColor { background-color: #AFAABD; }

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

This div background color is #AFAABD.

Border color

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

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

This div border color is #AFAABD.

Opacity

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

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

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

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

This text has shadow with #AFAABD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AFAABD.

Preview

Color preview on black background

This text has color #AFAABD on black background.

Color preview on white background

This text has color #AFAABD on white background.

Black color preview on #AFAABD background

This text has black color on #AFAABD background.

White color preview on #AFAABD background

This text has white color on #AFAABD background.