Color #A567A0

Color info

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

RGB color model

#A567A0 color RGB value is (165,103,160).

red value is 165;
green value is 103;
blue value is 160.

RGB:
(165,103,160)
(65%,40%,63%)

RGB channels and saturation

R 165 of 255 = 65%
G 103 of 255 = 40%
B 160 of 255 = 63%

165

103

160

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

Portions of RGB colors in percentages

R + G + B =
165 + 103 + 160 = 428 (100%)
R 165 of 428 ~ 38.55%
G 103 of 428 ~ 24.07%
B 160 of 428 ~ 37.38%

%38.55

%24.07

%37.38

CMYK color model

#A567A0 color CMYK value is (0,38,3,35).

cyan value is 0.00%
magenta value is 37.58%
yellow value is 3.03%
key color value is 35.29%

CMYK:
(0,38,3,35)
C0M38Y3K35 
(0%,38%,3%,35%)
(0.00/0.38/0.03/0.35)

CMYK percentages

%37.58

%3.03

%35.29

Codes

Color #A567A0 in popluar color models

	A5	67	A0
RGB	165	103	160
HSL	305°	25.62%	52.55%
HSB/HSV	305°	37.58%	64.71%
CMYK	0.00%	37.58%	3.03%
CMYK	35.29%

Color #A567A0 in popluar number systems.

HEX	A5	67	A0
Decimal	165	103	160
Binary	10100101	1100111	10100000
Octal	245	147	240

Shades and tints

Shades of #A567A0

#A567A0
(165,103,160)

#965E92
(150,94,146)

#875584
(135,85,132)

#784C76
(120,76,118)

#694368
(105,67,104)

#5A3A5A
(90,58,90)

#4B314C
(75,49,76)

#3C283E
(60,40,62)

#2D1F30
(45,31,48)

#1E1622
(30,22,34)

#0F0D14
(15,13,20)

#000000
(0,0,0)

Tints of #A567A0

#A567A0
(165,103,160)

#AD74A8
(173,116,168)

#B581B0
(181,129,176)

#BD8EB8
(189,142,184)

#C59BC0
(197,155,192)

#CDA8C8
(205,168,200)

#D5B5D0
(213,181,208)

#DDC2D8
(221,194,216)

#E5CFE0
(229,207,224)

#EDDCE8
(237,220,232)

#F5E9F0
(245,233,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A567A0 color. Also use rgb(165,103,160) instead hex code.

Text Font Color

.myTextColor { color: #A567A0; }

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

This text font color is #A567A0.

Background Color

.myBgColor { background-color: #A567A0; }

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

This div background color is #A567A0.

Border color

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

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

This div border color is #A567A0.

Opacity

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

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

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

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

This text has shadow with #A567A0 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A567A0.

Preview

Color preview on black background

This text has color #A567A0 on black background.

Color preview on white background

This text has color #A567A0 on white background.

Black color preview on #A567A0 background

This text has black color on #A567A0 background.

White color preview on #A567A0 background

This text has white color on #A567A0 background.