COLOR #AF88AE

HEX: #AF88AE RGB: (175,136,174)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#AF88AE contains red, green and blue colors in about the same proportion. Web safe color of #AF88AE is #999999 (or #999).

RGB color model

#AF88AE color RGB value is (175,136,174).

red value is 175;
green value is 136;
blue value is 174.

RGB: (175,136,174) (69%, 53%, 68%)

RGB channels and saturation

R 175 of 255 = 69%
G 136 of 255 = 53%
B 174 of 255 = 68%

175

136

174

R + G + B ~ 63%. #AF88AE is quite light color.

Portions of RGB colors in percentages

R + G + B = 175 + 136 + 174 = 485 (100%)
R 175 of 485 ~ 36.08%
G 136 of 485 ~ 28.04%
B 174 of 485 ~ 35.88'%

%36.08

%28.04

%35.88

CMYK color model

#AF88AE color CMYK value is (0,22,1,31).

cyan value is 0.00%
magenta value is 22.29%
yellow value is 0.57%
key color value is 31.37%

CMYK: (0,22,1,31) C0M22Y1K31 (0%,22%,1%,31%) (0.00/0.22/0.01/0.31)

CMYK percentages

%22.29

%0.57

%31.37

Codes

Color #AF88AE in popluar color models

	AF	88	AE
RGB	175	136	174
HSL	302°	19.60%	60.98%
HSB/HSV	302°	22.29%	68.63%
CMYK	0.00%	22.29%	0.57%
CMYK	31.37%

Color #AF88AE in popluar number systems.

HEX	AF	88	AE
Decimal	175	136	174
Binary	10101111	10001000	10101110
Octal	257	210	256

Shades and tints

Shades of #AF88AE

#AF88AE
(175,136,174)

#A07C9F
(160,124,159)

#917090
(145,112,144)

#826481
(130,100,129)

#735872
(115,88,114)

#644C63
(100,76,99)

#554054
(85,64,84)

#463445
(70,52,69)

#372836
(55,40,54)

#281C27
(40,28,39)

#191018
(25,16,24)

#000000
(0,0,0)

Tints of #AF88AE

#AF88AE
(175,136,174)

#B692B5
(182,146,181)

#BD9CBC
(189,156,188)

#C4A6C3
(196,166,195)

#CBB0CA
(203,176,202)

#D2BAD1
(210,186,209)

#D9C4D8
(217,196,216)

#E0CEDF
(224,206,223)

#E7D8E6
(231,216,230)

#EEE2ED
(238,226,237)

#F5ECF4
(245,236,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF88AE color. Also use rgb(175,136,174) instead hex code.

Text Font Color

.myTextColor { color: #AF88AE; }

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

This text font color is #AF88AE.

Background Color

.myBgColor { background-color: #AF88AE; }

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

This div background color is #AF88AE.

Border color

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

This div border color is #AF88AE.

Opacity

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

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

This text has shadow with #AF88AE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF88AE.