COLOR #644E78

HEX: #644E78 RGB: (100,78,120)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#644E78 contains red, green and blue colors in about the same proportion. Web safe color of #644E78 is #666666 (or #666).

RGB color model

#644E78 color RGB value is (100,78,120).

red value is 100;
green value is 78;
blue value is 120.

RGB: (100,78,120) (39%, 31%, 47%)

RGB channels and saturation

R 100 of 255 = 39%
G 78 of 255 = 31%
B 120 of 255 = 47%

100

120

R + G + B ~ 39%. #644E78 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 100 + 78 + 120 = 298 (100%)
R 100 of 298 ~ 33.56%
G 78 of 298 ~ 26.17%
B 120 of 298 ~ 40.27'%

%33.56

%26.17

%40.27

CMYK color model

#644E78 color CMYK value is (17,35,0,53).

cyan value is 16.67%
magenta value is 35.00%
yellow value is 0.00%
key color value is 52.94%

CMYK: (17,35,0,53) C17M35Y0K53 (17%,35%,0%,53%) (0.17/0.35/0.00/0.53)

CMYK percentages

%16.67

%35

%52.94

Codes

Color #644E78 in popluar color models

	64	4E	78
RGB	100	78	120
HSL	271°	21.21%	38.82%
HSB/HSV	271°	35.00%	47.06%
CMYK	16.67%	35.00%	0.00%
CMYK	52.94%

Color #644E78 in popluar number systems.

HEX	64	4E	78
Decimal	100	78	120
Binary	1100100	1001110	1111000
Octal	144	116	170

Shades and tints

Shades of #644E78

#644E78
(100,78,120)

#5B476E
(91,71,110)

#524064
(82,64,100)

#49395A
(73,57,90)

#403250
(64,50,80)

#372B46
(55,43,70)

#2E243C
(46,36,60)

#251D32
(37,29,50)

#1C1628
(28,22,40)

#130F1E
(19,15,30)

#0A0814
(10,8,20)

#000000
(0,0,0)

Tints of #644E78

#644E78
(100,78,120)

#725E84
(114,94,132)

#806E90
(128,110,144)

#8E7E9C
(142,126,156)

#9C8EA8
(156,142,168)

#AA9EB4
(170,158,180)

#B8AEC0
(184,174,192)

#C6BECC
(198,190,204)

#D4CED8
(212,206,216)

#E2DEE4
(226,222,228)

#F0EEF0
(240,238,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #644E78 color. Also use rgb(100,78,120) instead hex code.

Text Font Color

.myTextColor { color: #644E78; }

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

This text font color is #644E78.

Background Color

.myBgColor { background-color: #644E78; }

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

This div background color is #644E78.

Border color

.myBorderColor { border: 1px solid #644E78; }

This div border color is #644E78.

Opacity

.myOpacity80 { color: #644E78; opacity: 0.8; }

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

This text has shadow with #644E78 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #644E78.