COLOR #64679F

HEX: #64679F RGB: (100,103,159)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#64679F contains red, green and blue colors in about the same proportion. Web safe color of #64679F is #666699 (or #669).

RGB color model

#64679F color RGB value is (100,103,159).

red value is 100;
green value is 103;
blue value is 159.

RGB: (100,103,159) (39%, 40%, 62%)

RGB channels and saturation

R 100 of 255 = 39%
G 103 of 255 = 40%
B 159 of 255 = 62%

100

103

159

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

Portions of RGB colors in percentages

R + G + B = 100 + 103 + 159 = 362 (100%)
R 100 of 362 ~ 27.62%
G 103 of 362 ~ 28.45%
B 159 of 362 ~ 43.92'%

%27.62

%28.45

%43.92

CMYK color model

#64679F color CMYK value is (37,35,0,38).

cyan value is 37.11%
magenta value is 35.22%
yellow value is 0.00%
key color value is 37.65%

CMYK: (37,35,0,38) C37M35Y0K38 (37%,35%,0%,38%) (0.37/0.35/0.00/0.38)

CMYK percentages

%37.11

%35.22

%37.65

Codes

Color #64679F in popluar color models

	64	67	9F
RGB	100	103	159
HSL	237°	23.51%	50.78%
HSB/HSV	237°	37.11%	62.35%
CMYK	37.11%	35.22%	0.00%
CMYK	37.65%

Color #64679F in popluar number systems.

HEX	64	67	9F
Decimal	100	103	159
Binary	1100100	1100111	10011111
Octal	144	147	237

Shades and tints

Shades of #64679F

#64679F
(100,103,159)

#5B5E91
(91,94,145)

#525583
(82,85,131)

#494C75
(73,76,117)

#404367
(64,67,103)

#373A59
(55,58,89)

#2E314B
(46,49,75)

#25283D
(37,40,61)

#1C1F2F
(28,31,47)

#131621
(19,22,33)

#0A0D13
(10,13,19)

#000000
(0,0,0)

Tints of #64679F

#64679F
(100,103,159)

#7274A7
(114,116,167)

#8081AF
(128,129,175)

#8E8EB7
(142,142,183)

#9C9BBF
(156,155,191)

#AAA8C7
(170,168,199)

#B8B5CF
(184,181,207)

#C6C2D7
(198,194,215)

#D4CFDF
(212,207,223)

#E2DCE7
(226,220,231)

#F0E9EF
(240,233,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #64679F color. Also use rgb(100,103,159) instead hex code.

Text Font Color

.myTextColor { color: #64679F; }

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

This text font color is #64679F.

Background Color

.myBgColor { background-color: #64679F; }

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

This div background color is #64679F.

Border color

.myBorderColor { border: 1px solid #64679F; }

This div border color is #64679F.

Opacity

.myOpacity80 { color: #64679F; opacity: 0.8; }

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

This text has shadow with #64679F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #64679F.