Color #664B60

Color info

#664B60 contains red, green and blue colors in about the same proportion. Web safe color of #664B60 is #663366 (or #636).

RGB color model

#664B60 color RGB value is (102,75,96).

red value is 102;
green value is 75;
blue value is 96.

RGB: (102,75,96) (40%, 29%, 38%)

RGB channels and saturation

R 102 of 255 = 40%
G 75 of 255 = 29%
B 96 of 255 = 38%

102

75

96

R + G + B ~ 36%. #664B60 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 102 + 75 + 96 = 273 (100%)
R 102 of 273 ~ 37.36%
G 75 of 273 ~ 27.47%
B 96 of 273 ~ 35.16'%

%37.36

%27.47

%35.16

CMYK color model

#664B60 color CMYK value is (0,26,6,60).

cyan value is 0.00%
magenta value is 26.47%
yellow value is 5.88%
key color value is 60.00%

CMYK: (0,26,6,60)
C0M26Y6K60 (0%, 26%, 6%, 60%)
(0.00 / 0.26 / 0.06 / 0.60)

CMYK percentages

%0

%26.47

%5.88

%60

Codes

Color #664B60 in popluar color models

	66	4B	60
RGB	102	75	96
HSL	313°	15.25%	34.71%
HSB/HSV	313°	26.47%	40.00%
CMYK	0.00%	26.47%	5.88%
CMYK	60.00%

Color #664B60 in popluar number systems.

HEX	66	4B	60
Decimal	102	75	96
Binary	1100110	1001011	1100000
Octal	146	113	140

Shades and tints

Shades of #664B60

#664B60
(102,75,96)

#5D4558
(93,69,88)

#543F50
(84,63,80)

#4B3948
(75,57,72)

#423340
(66,51,64)

#392D38
(57,45,56)

#302730
(48,39,48)

#272128
(39,33,40)

#1E1B20
(30,27,32)

#151518
(21,21,24)

#0C0F10
(12,15,16)

#000000
(0,0,0)

Tints of #664B60

#664B60
(102,75,96)

#735B6E
(115,91,110)

#806B7C
(128,107,124)

#8D7B8A
(141,123,138)

#9A8B98
(154,139,152)

#A79BA6
(167,155,166)

#B4ABB4
(180,171,180)

#C1BBC2
(193,187,194)

#CECBD0
(206,203,208)

#DBDBDE
(219,219,222)

#E8EBEC
(232,235,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #664B60 color. Also use rgb(102,75,96) instead hex code.

Text Font Color

.myTextColor { color: #664B60; }

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

This text font color is #664B60.

Background Color

.myBgColor { background-color: #664B60; }

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

This div background color is #664B60.

Border color

.myBorderColor { border: 1px solid #664B60; }

This div border color is #664B60.

Opacity

.myOpacity80 { color: #664B60; opacity: 0.8; }

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

This text has shadow with #664B60 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #664B60.