COLOR #A7577C

HEX: #A7577C RGB: (167,87,124)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#A7577C contains mainly red and blue colors. Web safe color of #A7577C is #996666 (or #966).

RGB color model

#A7577C color RGB value is (167,87,124).

red value is 167;
green value is 87;
blue value is 124.

RGB: (167,87,124) (65%, 34%, 49%)

RGB channels and saturation

R 167 of 255 = 65%
G 87 of 255 = 34%
B 124 of 255 = 49%

167

124

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

Portions of RGB colors in percentages

R + G + B = 167 + 87 + 124 = 378 (100%)
R 167 of 378 ~ 44.18%
G 87 of 378 ~ 23.02%
B 124 of 378 ~ 32.8'%

%44.18

%23.02

%32.8

CMYK color model

#A7577C color CMYK value is (0,48,26,35).

cyan value is 0.00%
magenta value is 47.90%
yellow value is 25.75%
key color value is 34.51%

CMYK: (0,48,26,35) C0M48Y26K35 (0%,48%,26%,35%) (0.00/0.48/0.26/0.35)

CMYK percentages

%47.9

%25.75

%34.51

Codes

Color #A7577C in popluar color models

	A7	57	7C
RGB	167	87	124
HSL	332°	31.50%	49.80%
HSB/HSV	332°	47.90%	65.49%
CMYK	0.00%	47.90%	25.75%
CMYK	34.51%

Color #A7577C in popluar number systems.

HEX	A7	57	7C
Decimal	167	87	124
Binary	10100111	1010111	1111100
Octal	247	127	174

Shades and tints

Shades of #A7577C

#A7577C
(167,87,124)

#985071
(152,80,113)

#894966
(137,73,102)

#7A425B
(122,66,91)

#6B3B50
(107,59,80)

#5C3445
(92,52,69)

#4D2D3A
(77,45,58)

#3E262F
(62,38,47)

#2F1F24
(47,31,36)

#201819
(32,24,25)

#11110E
(17,17,14)

#000000
(0,0,0)

Tints of #A7577C

#A7577C
(167,87,124)

#AF6687
(175,102,135)

#B77592
(183,117,146)

#BF849D
(191,132,157)

#C793A8
(199,147,168)

#CFA2B3
(207,162,179)

#D7B1BE
(215,177,190)

#DFC0C9
(223,192,201)

#E7CFD4
(231,207,212)

#EFDEDF
(239,222,223)

#F7EDEA
(247,237,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A7577C color. Also use rgb(167,87,124) instead hex code.

Text Font Color

.myTextColor { color: #A7577C; }

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

This text font color is #A7577C.

Background Color

.myBgColor { background-color: #A7577C; }

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

This div background color is #A7577C.

Border color

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

This div border color is #A7577C.

Opacity

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

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

This text has shadow with #A7577C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A7577C.