Color #AF629C

Color info

#AF629C contains mainly red and blue colors. Web safe color of #AF629C is #996699 (or #969).

RGB color model

#AF629C color RGB value is (175,98,156).

red value is 175;
green value is 98;
blue value is 156.

RGB:
(175,98,156)
(69%,38%,61%)

RGB channels and saturation

R 175 of 255 = 69%
G 98 of 255 = 38%
B 156 of 255 = 61%

175

156

R + G + B ~ 56%. #AF629C is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
175 + 98 + 156 = 429 (100%)
R 175 of 429 ~ 40.79%
G 98 of 429 ~ 22.84%
B 156 of 429 ~ 36.36%

%40.79

%22.84

%36.36

CMYK color model

#AF629C color CMYK value is (0,44,11,31).

cyan value is 0.00%
magenta value is 44.00%
yellow value is 10.86%
key color value is 31.37%

CMYK:
(0,44,11,31)
C0M44Y11K31 
(0%,44%,11%,31%)
(0.00/0.44/0.11/0.31)

CMYK percentages

%44

%10.86

%31.37

Codes

Color #AF629C in popluar color models

	AF	62	9C
RGB	175	98	156
HSL	315°	32.49%	53.53%
HSB/HSV	315°	44.00%	68.63%
CMYK	0.00%	44.00%	10.86%
CMYK	31.37%

Color #AF629C in popluar number systems.

HEX	AF	62	9C
Decimal	175	98	156
Binary	10101111	1100010	10011100
Octal	257	142	234

Shades and tints

Shades of #AF629C

#AF629C
(175,98,156)

#A05A8E
(160,90,142)

#915280
(145,82,128)

#824A72
(130,74,114)

#734264
(115,66,100)

#643A56
(100,58,86)

#553248
(85,50,72)

#462A3A
(70,42,58)

#37222C
(55,34,44)

#281A1E
(40,26,30)

#191210
(25,18,16)

#000000
(0,0,0)

Tints of #AF629C

#AF629C
(175,98,156)

#B670A5
(182,112,165)

#BD7EAE
(189,126,174)

#C48CB7
(196,140,183)

#CB9AC0
(203,154,192)

#D2A8C9
(210,168,201)

#D9B6D2
(217,182,210)

#E0C4DB
(224,196,219)

#E7D2E4
(231,210,228)

#EEE0ED
(238,224,237)

#F5EEF6
(245,238,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF629C color. Also use rgb(175,98,156) instead hex code.

Text Font Color

.myTextColor { color: #AF629C; }

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

This text font color is #AF629C.

Background Color

.myBgColor { background-color: #AF629C; }

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

This div background color is #AF629C.

Border color

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

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

This div border color is #AF629C.

Opacity

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

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

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

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

This text has shadow with #AF629C color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF629C.

Preview

Color preview on black background

This text has color #AF629C on black background.

Color preview on white background

This text has color #AF629C on white background.

Black color preview on #AF629C background

This text has black color on #AF629C background.

White color preview on #AF629C background

This text has white color on #AF629C background.