COLOR #684490

HEX: #684490 RGB: (104,68,144)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#684490 color RGB value is (104,68,144).

red value is 104;
green value is 68;
blue value is 144.

RGB: (104,68,144) (41%, 27%, 56%)

RGB channels and saturation

R 104 of 255 = 41%
G 68 of 255 = 27%
B 144 of 255 = 56%

104

144

R + G + B ~ 41%. #684490 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 104 + 68 + 144 = 316 (100%)
R 104 of 316 ~ 32.91%
G 68 of 316 ~ 21.52%
B 144 of 316 ~ 45.57'%

%32.91

%21.52

%45.57

CMYK color model

#684490 color CMYK value is (28,53,0,44).

cyan value is 27.78%
magenta value is 52.78%
yellow value is 0.00%
key color value is 43.53%

CMYK: (28,53,0,44) C28M53Y0K44 (28%,53%,0%,44%) (0.28/0.53/0.00/0.44)

CMYK percentages

%27.78

%52.78

%43.53

Codes

Color #684490 in popluar color models

	68	44	90
RGB	104	68	144
HSL	268°	35.85%	41.57%
HSB/HSV	268°	52.78%	56.47%
CMYK	27.78%	52.78%	0.00%
CMYK	43.53%

Color #684490 in popluar number systems.

HEX	68	44	90
Decimal	104	68	144
Binary	1101000	1000100	10010000
Octal	150	104	220

Shades and tints

Shades of #684490

#684490
(104,68,144)

#5F3E83
(95,62,131)

#563876
(86,56,118)

#4D3269
(77,50,105)

#442C5C
(68,44,92)

#3B264F
(59,38,79)

#322042
(50,32,66)

#291A35
(41,26,53)

#201428
(32,20,40)

#170E1B
(23,14,27)

#0E080E
(14,8,14)

#000000
(0,0,0)

Tints of #684490

#684490
(104,68,144)

#75559A
(117,85,154)

#8266A4
(130,102,164)

#8F77AE
(143,119,174)

#9C88B8
(156,136,184)

#A999C2
(169,153,194)

#B6AACC
(182,170,204)

#C3BBD6
(195,187,214)

#D0CCE0
(208,204,224)

#DDDDEA
(221,221,234)

#EAEEF4
(234,238,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #684490 color. Also use rgb(104,68,144) instead hex code.

Text Font Color

.myTextColor { color: #684490; }

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

This text font color is #684490.

Background Color

.myBgColor { background-color: #684490; }

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

This div background color is #684490.

Border color

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

This div border color is #684490.

Opacity

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

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

This text has shadow with #684490 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #684490.