Color #AB569E

Color info

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

RGB color model

#AB569E color RGB value is (171,86,158).

red value is 171;
green value is 86;
blue value is 158.

RGB:
(171,86,158)
(67%,34%,62%)

RGB channels and saturation

R 171 of 255 = 67%
G 86 of 255 = 34%
B 158 of 255 = 62%

171

158

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

Portions of RGB colors in percentages

R + G + B =
171 + 86 + 158 = 415 (100%)
R 171 of 415 ~ 41.2%
G 86 of 415 ~ 20.72%
B 158 of 415 ~ 38.07%

%41.2

%20.72

%38.07

CMYK color model

#AB569E color CMYK value is (0,50,8,33).

cyan value is 0.00%
magenta value is 49.71%
yellow value is 7.60%
key color value is 32.94%

CMYK:
(0,50,8,33)
C0M50Y8K33 
(0%,50%,8%,33%)
(0.00/0.50/0.08/0.33)

CMYK percentages

%49.71

%7.6

%32.94

Codes

Color #AB569E in popluar color models

	AB	56	9E
RGB	171	86	158
HSL	309°	33.60%	50.39%
HSB/HSV	309°	49.71%	67.06%
CMYK	0.00%	49.71%	7.60%
CMYK	32.94%

Color #AB569E in popluar number systems.

HEX	AB	56	9E
Decimal	171	86	158
Binary	10101011	1010110	10011110
Octal	253	126	236

Shades and tints

Shades of #AB569E

#AB569E
(171,86,158)

#9C4F90
(156,79,144)

#8D4882
(141,72,130)

#7E4174
(126,65,116)

#6F3A66
(111,58,102)

#603358
(96,51,88)

#512C4A
(81,44,74)

#42253C
(66,37,60)

#331E2E
(51,30,46)

#241720
(36,23,32)

#151012
(21,16,18)

#000000
(0,0,0)

Tints of #AB569E

#AB569E
(171,86,158)

#B265A6
(178,101,166)

#B974AE
(185,116,174)

#C083B6
(192,131,182)

#C792BE
(199,146,190)

#CEA1C6
(206,161,198)

#D5B0CE
(213,176,206)

#DCBFD6
(220,191,214)

#E3CEDE
(227,206,222)

#EADDE6
(234,221,230)

#F1ECEE
(241,236,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AB569E color. Also use rgb(171,86,158) instead hex code.

Text Font Color

.myTextColor { color: #AB569E; }

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

This text font color is #AB569E.

Background Color

.myBgColor { background-color: #AB569E; }

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

This div background color is #AB569E.

Border color

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

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

This div border color is #AB569E.

Opacity

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

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

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

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

This text has shadow with #AB569E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AB569E.

Preview

Color preview on black background

This text has color #AB569E on black background.

Color preview on white background

This text has color #AB569E on white background.

Black color preview on #AB569E background

This text has black color on #AB569E background.

White color preview on #AB569E background

This text has white color on #AB569E background.