COLOR #704AAC

HEX: #704AAC RGB: (112,74,172)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#704AAC contains mainly blue color. Web safe color of #704AAC is #663399 (or #639).

RGB color model

#704AAC color RGB value is (112,74,172).

red value is 112;
green value is 74;
blue value is 172.

RGB: (112,74,172) (44%, 29%, 67%)

RGB channels and saturation

R 112 of 255 = 44%
G 74 of 255 = 29%
B 172 of 255 = 67%

112

172

R + G + B ~ 47%. #704AAC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 112 + 74 + 172 = 358 (100%)
R 112 of 358 ~ 31.28%
G 74 of 358 ~ 20.67%
B 172 of 358 ~ 48.04'%

%31.28

%20.67

%48.04

CMYK color model

#704AAC color CMYK value is (35,57,0,33).

cyan value is 34.88%
magenta value is 56.98%
yellow value is 0.00%
key color value is 32.55%

CMYK: (35,57,0,33) C35M57Y0K33 (35%,57%,0%,33%) (0.35/0.57/0.00/0.33)

CMYK percentages

%34.88

%56.98

%32.55

Codes

Color #704AAC in popluar color models

	70	4A	AC
RGB	112	74	172
HSL	263°	39.84%	48.24%
HSB/HSV	263°	56.98%	67.45%
CMYK	34.88%	56.98%	0.00%
CMYK	32.55%

Color #704AAC in popluar number systems.

HEX	70	4A	AC
Decimal	112	74	172
Binary	1110000	1001010	10101100
Octal	160	112	254

Shades and tints

Shades of #704AAC

#704AAC
(112,74,172)

#66449D
(102,68,157)

#5C3E8E
(92,62,142)

#52387F
(82,56,127)

#483270
(72,50,112)

#3E2C61
(62,44,97)

#342652
(52,38,82)

#2A2043
(42,32,67)

#201A34
(32,26,52)

#161425
(22,20,37)

#0C0E16
(12,14,22)

#000000
(0,0,0)

Tints of #704AAC

#704AAC
(112,74,172)

#7D5AB3
(125,90,179)

#8A6ABA
(138,106,186)

#977AC1
(151,122,193)

#A48AC8
(164,138,200)

#B19ACF
(177,154,207)

#BEAAD6
(190,170,214)

#CBBADD
(203,186,221)

#D8CAE4
(216,202,228)

#E5DAEB
(229,218,235)

#F2EAF2
(242,234,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #704AAC color. Also use rgb(112,74,172) instead hex code.

Text Font Color

.myTextColor { color: #704AAC; }

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

This text font color is #704AAC.

Background Color

.myBgColor { background-color: #704AAC; }

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

This div background color is #704AAC.

Border color

.myBorderColor { border: 1px solid #704AAC; }

This div border color is #704AAC.

Opacity

.myOpacity80 { color: #704AAC; opacity: 0.8; }

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

This text has shadow with #704AAC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #704AAC.