COLOR #A43487

HEX: #A43487
RGB: (164,52,135)

Color info

#A43487 contains mainly red and blue colors. Web safe color of #A43487 is #993399 (or #939).

RGB color model

#A43487 color RGB value is (164,52,135).

  • red value is 164;
  • green value is 52;
  • blue value is 135.
RGB:
(164,52,135)
(64%,20%,53%)

RGB channels and saturation

R 164 of 255 = 64%
G 52 of 255 = 20%
B 135 of 255 = 53%

164
52
135

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

Portions of RGB colors in percentages

R + G + B =
164 + 52 + 135 = 351 (100%)
R 164 of 351 ~ 46.72%
G 52 of 351 ~ 14.81%
B 135 of 351 ~ 38.46%

%46.72
%14.81
%38.46

CMYK color model

#A43487 color CMYK value is (0,68,18,36).

  • cyan value is 0.00%
  • magenta value is 68.29%
  • yellow value is 17.68%
  • key color value is 35.69%
CMYK:
(0,68,18,36)
C0M68Y18K36 
(0%,68%,18%,36%)
(0.00/0.68/0.18/0.36)	

CMYK percentages

%0
%68.29
%17.68
%35.69

Codes

Color #A43487 in popluar color models

A43487
RGB16452135
HSL316°51.85%42.35%
HSB/HSV316°68.29%64.31%
CMYK0.00%68.29%17.68%
35.69%

Color #A43487 in popluar number systems.

HEXA43487
Decimal16452135
Binary1010010011010010000111
Octal24464207

Shades and tints

Shades of #A43487

#A43487
(164,52,135)
#96307B
(150,48,123)
#882C6F
(136,44,111)
#7A2863
(122,40,99)
#6C2457
(108,36,87)
#5E204B
(94,32,75)
#501C3F
(80,28,63)
#421833
(66,24,51)
#341427
(52,20,39)
#26101B
(38,16,27)
#180C0F
(24,12,15)
#000000
(0,0,0)

Tints of #A43487

#A43487
(164,52,135)
#AC4691
(172,70,145)
#B4589B
(180,88,155)
#BC6AA5
(188,106,165)
#C47CAF
(196,124,175)
#CC8EB9
(204,142,185)
#D4A0C3
(212,160,195)
#DCB2CD
(220,178,205)
#E4C4D7
(228,196,215)
#ECD6E1
(236,214,225)
#F4E8EB
(244,232,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A43487 color. Also use rgb(164,52,135) instead hex code.

Text Font Color

.myTextColor { color: #A43487; }

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

This text font color is #A43487.


Background Color

.myBgColor { background-color: #A43487; }

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

This div background color is #A43487.


Border color

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

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

This div border color is #A43487.


Opacity

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

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

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

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

This text has shadow with #A43487 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A43487 on black background.


Color preview on white background

This text has color #A43487 on white background.



Black color preview on #A43487 background

This text has black color on #A43487 background.


White color preview on #A43487 background

This text has white color on #A43487 background.