Color #7571A3

Color info

#7571A3 contains red, green and blue colors in about the same proportion. Web safe color of #7571A3 is #666699 (or #669).

RGB color model

#7571A3 color RGB value is (117,113,163).

red value is 117;
green value is 113;
blue value is 163.

RGB: (117,113,163) (46%,44%,64%)

RGB channels and saturation

R 117 of 255 = 46%
G 113 of 255 = 44%
B 163 of 255 = 64%

117

113

163

R + G + B ~ 51%. #7571A3 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
117 + 113 + 163 = 393 (100%)
R 117 of 393 ~ 29.77%
G 113 of 393 ~ 28.75%
B 163 of 393 ~ 41.48%

%29.77

%28.75

%41.48

CMYK color model

#7571A3 color CMYK value is (28,31,0,36).

cyan value is 28.22%
magenta value is 30.67%
yellow value is 0.00%
key color value is 36.08%

CMYK: (28,31,0,36) C28M31Y0K36 (28%,31%,0%,36%) (0.28/0.31/0.00/0.36)

CMYK percentages

%28.22

%30.67

%36.08

Codes

Color #7571A3 in popluar color models

	75	71	A3
RGB	117	113	163
HSL	245°	21.37%	54.12%
HSB/HSV	245°	30.67%	63.92%
CMYK	28.22%	30.67%	0.00%
CMYK	36.08%

Color #7571A3 in popluar number systems.

HEX	75	71	A3
Decimal	117	113	163
Binary	1110101	1110001	10100011
Octal	165	161	243

Shades and tints

Shades of #7571A3

#7571A3
(117,113,163)

#6B6795
(107,103,149)

#615D87
(97,93,135)

#575379
(87,83,121)

#4D496B
(77,73,107)

#433F5D
(67,63,93)

#39354F
(57,53,79)

#2F2B41
(47,43,65)

#252133
(37,33,51)

#1B1725
(27,23,37)

#110D17
(17,13,23)

#000000
(0,0,0)

Tints of #7571A3

#7571A3
(117,113,163)

#817DAB
(129,125,171)

#8D89B3
(141,137,179)

#9995BB
(153,149,187)

#A5A1C3
(165,161,195)

#B1ADCB
(177,173,203)

#BDB9D3
(189,185,211)

#C9C5DB
(201,197,219)

#D5D1E3
(213,209,227)

#E1DDEB
(225,221,235)

#EDE9F3
(237,233,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7571A3 color. Also use rgb(117,113,163) instead hex code.

Text Font Color

.myTextColor { color: #7571A3; }

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

This text font color is #7571A3.

Background Color

.myBgColor { background-color: #7571A3; }

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

This div background color is #7571A3.

Border color

.myBorderColor { border: 1px solid #7571A3; }

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

This div border color is #7571A3.

Opacity

.myOpacity80 { color: #7571A3; opacity: 0.8; }

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

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

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

This text has shadow with #7571A3 color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #7571A3; -webkit-box-shadow:	1px 1px 3px 2px #7571A3; box-shadow:	1px 1px 3px 2px #7571A3; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #7571A3; -webkit-box-shadow: 1px 1px 3px 2px #7571A3; box-shadow:1px 1px 3px 2px #7571A3;">
Div content here</div>

This div box has shadow with color #7571A3.

Preview

Color preview on black background

This text has color #7571A3 on black background.

Color preview on white background

This text has color #7571A3 on white background.

Black color preview on #7571A3 background

This text has black color on #7571A3 background.

White color preview on #7571A3 background

This text has white color on #7571A3 background.