Color #7A4687

Color info

#7A4687 contains mainly red and blue colors. Web safe color of #7A4687 is #663399 (or #639).

RGB color model

#7A4687 color RGB value is (122,70,135).

red value is 122;
green value is 70;
blue value is 135.

RGB: (122,70,135) (48%, 27%, 53%)

RGB channels and saturation

R 122 of 255 = 48%
G 70 of 255 = 27%
B 135 of 255 = 53%

122

70

135

R + G + B ~ 43%. #7A4687 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 122 + 70 + 135 = 327 (100%)
R 122 of 327 ~ 37.31%
G 70 of 327 ~ 21.41%
B 135 of 327 ~ 41.28'%

%37.31

%21.41

%41.28

CMYK color model

#7A4687 color CMYK value is (10,48,0,47).

cyan value is 9.63%
magenta value is 48.15%
yellow value is 0.00%
key color value is 47.06%

CMYK: (10,48,0,47)
C10M48Y0K47 (10%, 48%, 0%, 47%)
(0.10 / 0.48 / 0.00 / 0.47)

CMYK percentages

%9.63

%48.15

%0

%47.06

Codes

Color #7A4687 in popluar color models

	7A	46	87
RGB	122	70	135
HSL	288°	31.71%	40.20%
HSB/HSV	288°	48.15%	52.94%
CMYK	9.63%	48.15%	0.00%
CMYK	47.06%

Color #7A4687 in popluar number systems.

HEX	7A	46	87
Decimal	122	70	135
Binary	1111010	1000110	10000111
Octal	172	106	207

Shades and tints

Shades of #7A4687

#7A4687
(122,70,135)

#6F407B
(111,64,123)

#643A6F
(100,58,111)

#593463
(89,52,99)

#4E2E57
(78,46,87)

#43284B
(67,40,75)

#38223F
(56,34,63)

#2D1C33
(45,28,51)

#221627
(34,22,39)

#17101B
(23,16,27)

#0C0A0F
(12,10,15)

#000000
(0,0,0)

Tints of #7A4687

#7A4687
(122,70,135)

#865691
(134,86,145)

#92669B
(146,102,155)

#9E76A5
(158,118,165)

#AA86AF
(170,134,175)

#B696B9
(182,150,185)

#C2A6C3
(194,166,195)

#CEB6CD
(206,182,205)

#DAC6D7
(218,198,215)

#E6D6E1
(230,214,225)

#F2E6EB
(242,230,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7A4687 color. Also use rgb(122,70,135) instead hex code.

Text Font Color

.myTextColor { color: #7A4687; }

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

This text font color is #7A4687.

Background Color

.myBgColor { background-color: #7A4687; }

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

This div background color is #7A4687.

Border color

.myBorderColor { border: 1px solid #7A4687; }

This div border color is #7A4687.

Opacity

.myOpacity80 { color: #7A4687; opacity: 0.8; }

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

This text has shadow with #7A4687 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7A4687.