Color #681980

Color info

#681980 contains mainly red and blue colors. Web safe color of #681980 is #660066 (or #606).

RGB color model

#681980 color RGB value is (104,25,128).

red value is 104;
green value is 25;
blue value is 128.

RGB:
(104,25,128)
(41%,10%,50%)

RGB channels and saturation

R 104 of 255 = 41%
G 25 of 255 = 10%
B 128 of 255 = 50%

104

128

R + G + B ~ 34%. #681980 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
104 + 25 + 128 = 257 (100%)
R 104 of 257 ~ 40.47%
G 25 of 257 ~ 9.73%
B 128 of 257 ~ 49.81%

%40.47

%9.73

%49.81

CMYK color model

#681980 color CMYK value is (19,80,0,50).

cyan value is 18.75%
magenta value is 80.47%
yellow value is 0.00%
key color value is 49.80%

CMYK:
(19,80,0,50)
C19M80Y0K50 
(19%,80%,0%,50%)
(0.19/0.80/0.00/0.50)

CMYK percentages

%18.75

%80.47

%49.8

Codes

Color #681980 in popluar color models

	68	19	80
RGB	104	25	128
HSL	286°	67.32%	30.00%
HSB/HSV	286°	80.47%	50.20%
CMYK	18.75%	80.47%	0.00%
CMYK	49.80%

Color #681980 in popluar number systems.

HEX	68	19	80
Decimal	104	25	128
Binary	1101000	11001	10000000
Octal	150	31	200

Shades and tints

Shades of #681980

#681980
(104,25,128)

#5F1775
(95,23,117)

#56156A
(86,21,106)

#4D135F
(77,19,95)

#441154
(68,17,84)

#3B0F49
(59,15,73)

#320D3E
(50,13,62)

#290B33
(41,11,51)

#200928
(32,9,40)

#17071D
(23,7,29)

#0E0512
(14,5,18)

#000000
(0,0,0)

Tints of #681980

#681980
(104,25,128)

#752D8B
(117,45,139)

#824196
(130,65,150)

#8F55A1
(143,85,161)

#9C69AC
(156,105,172)

#A97DB7
(169,125,183)

#B691C2
(182,145,194)

#C3A5CD
(195,165,205)

#D0B9D8
(208,185,216)

#DDCDE3
(221,205,227)

#EAE1EE
(234,225,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #681980 color. Also use rgb(104,25,128) instead hex code.

Text Font Color

.myTextColor { color: #681980; }

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

This text font color is #681980.

Background Color

.myBgColor { background-color: #681980; }

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

This div background color is #681980.

Border color

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

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

This div border color is #681980.

Opacity

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

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

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

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

This text has shadow with #681980 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #681980.

Preview

Color preview on black background

This text has color #681980 on black background.

Color preview on white background

This text has color #681980 on white background.

Black color preview on #681980 background

This text has black color on #681980 background.

White color preview on #681980 background

This text has white color on #681980 background.