COLOR #A94676

HEX: #A94676
RGB: (169,70,118)

Color info

#A94676 contains mainly red and blue colors. Web safe color of #A94676 is #993366 (or #936).

RGB color model

#A94676 color RGB value is (169,70,118).

  • red value is 169;
  • green value is 70;
  • blue value is 118.
RGB:
(169,70,118)
(66%,27%,46%)

RGB channels and saturation

R 169 of 255 = 66%
G 70 of 255 = 27%
B 118 of 255 = 46%

169
70
118

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

Portions of RGB colors in percentages

R + G + B =
169 + 70 + 118 = 357 (100%)
R 169 of 357 ~ 47.34%
G 70 of 357 ~ 19.61%
B 118 of 357 ~ 33.05%

%47.34
%19.61
%33.05

CMYK color model

#A94676 color CMYK value is (0,59,30,34).

  • cyan value is 0.00%
  • magenta value is 58.58%
  • yellow value is 30.18%
  • key color value is 33.73%
CMYK:
(0,59,30,34)
C0M59Y30K34 
(0%,59%,30%,34%)
(0.00/0.59/0.30/0.34)	

CMYK percentages

%0
%58.58
%30.18
%33.73

Codes

Color #A94676 in popluar color models

A94676
RGB16970118
HSL331°41.42%46.86%
HSB/HSV331°58.58%66.27%
CMYK0.00%58.58%30.18%
33.73%

Color #A94676 in popluar number systems.

HEXA94676
Decimal16970118
Binary1010100110001101110110
Octal251106166

Shades and tints

Shades of #A94676

#A94676
(169,70,118)
#9A406C
(154,64,108)
#8B3A62
(139,58,98)
#7C3458
(124,52,88)
#6D2E4E
(109,46,78)
#5E2844
(94,40,68)
#4F223A
(79,34,58)
#401C30
(64,28,48)
#311626
(49,22,38)
#22101C
(34,16,28)
#130A12
(19,10,18)
#000000
(0,0,0)

Tints of #A94676

#A94676
(169,70,118)
#B05682
(176,86,130)
#B7668E
(183,102,142)
#BE769A
(190,118,154)
#C586A6
(197,134,166)
#CC96B2
(204,150,178)
#D3A6BE
(211,166,190)
#DAB6CA
(218,182,202)
#E1C6D6
(225,198,214)
#E8D6E2
(232,214,226)
#EFE6EE
(239,230,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A94676 color. Also use rgb(169,70,118) instead hex code.

Text Font Color

.myTextColor { color: #A94676; }

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

This text font color is #A94676.


Background Color

.myBgColor { background-color: #A94676; }

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

This div background color is #A94676.


Border color

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

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

This div border color is #A94676.


Opacity

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

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

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

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

This text has shadow with #A94676 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A94676 on black background.


Color preview on white background

This text has color #A94676 on white background.



Black color preview on #A94676 background

This text has black color on #A94676 background.


White color preview on #A94676 background

This text has white color on #A94676 background.