Color #702166

Color info

#702166 contains mainly red and blue colors. Web safe color of #702166 is #663366 (or #636).

RGB color model

#702166 color RGB value is (112,33,102).

red value is 112;
green value is 33;
blue value is 102.

RGB:
(112,33,102)
(44%,13%,40%)

RGB channels and saturation

R 112 of 255 = 44%
G 33 of 255 = 13%
B 102 of 255 = 40%

112

102

R + G + B ~ 32%. #702166 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
112 + 33 + 102 = 247 (100%)
R 112 of 247 ~ 45.34%
G 33 of 247 ~ 13.36%
B 102 of 247 ~ 41.3%

%45.34

%13.36

%41.3

CMYK color model

#702166 color CMYK value is (0,71,9,56).

cyan value is 0.00%
magenta value is 70.54%
yellow value is 8.93%
key color value is 56.08%

CMYK:
(0,71,9,56)
C0M71Y9K56 
(0%,71%,9%,56%)
(0.00/0.71/0.09/0.56)

CMYK percentages

%70.54

%8.93

%56.08

Codes

Color #702166 in popluar color models

	70	21	66
RGB	112	33	102
HSL	308°	54.48%	28.43%
HSB/HSV	308°	70.54%	43.92%
CMYK	0.00%	70.54%	8.93%
CMYK	56.08%

Color #702166 in popluar number systems.

HEX	70	21	66
Decimal	112	33	102
Binary	1110000	100001	1100110
Octal	160	41	146

Shades and tints

Shades of #702166

#702166
(112,33,102)

#661E5D
(102,30,93)

#5C1B54
(92,27,84)

#52184B
(82,24,75)

#481542
(72,21,66)

#3E1239
(62,18,57)

#340F30
(52,15,48)

#2A0C27
(42,12,39)

#20091E
(32,9,30)

#160615
(22,6,21)

#0C030C
(12,3,12)

#000000
(0,0,0)

Tints of #702166

#702166
(112,33,102)

#7D3573
(125,53,115)

#8A4980
(138,73,128)

#975D8D
(151,93,141)

#A4719A
(164,113,154)

#B185A7
(177,133,167)

#BE99B4
(190,153,180)

#CBADC1
(203,173,193)

#D8C1CE
(216,193,206)

#E5D5DB
(229,213,219)

#F2E9E8
(242,233,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #702166 color. Also use rgb(112,33,102) instead hex code.

Text Font Color

.myTextColor { color: #702166; }

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

This text font color is #702166.

Background Color

.myBgColor { background-color: #702166; }

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

This div background color is #702166.

Border color

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

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

This div border color is #702166.

Opacity

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

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

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

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

This text has shadow with #702166 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #702166.

Preview

Color preview on black background

This text has color #702166 on black background.

Color preview on white background

This text has color #702166 on white background.

Black color preview on #702166 background

This text has black color on #702166 background.

White color preview on #702166 background

This text has white color on #702166 background.