COLOR #664470

HEX: #664470 RGB: (102,68,112)

Color info

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

RGB color model

#664470 color RGB value is (102,68,112).

RGB: (102,68,112) (40%, 27%, 44%)

RGB channels and saturation

R 102 of 255 = 40%
G 68 of 255 = 27%
B 112 of 255 = 44%

102
68
112

R + G + B ~ 37%. #664470 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 102 + 68 + 112 = 282 (100%)
R 102 of 282 ~ 36.17%
G 68 of 282 ~ 24.11%
B 112 of 282 ~ 39.72'%

%36.17
%24.11
%39.72

CMYK color model

#664470 color CMYK value is (9,39,0,56).

  • cyan value is 8.93%
  • magenta value is 39.29%
  • yellow value is 0.00%
  • key color value is 56.08%

CMYK: (9,39,0,56)
C9M39Y0K56 (9%, 39%, 0%, 56%)
(0.09 / 0.39 / 0.00 / 0.56)

CMYK percentages

%8.93
%39.29
%0
%56.08

Codes

Color #664470 in popluar color models

66 44 70
RGB 102 68 112
HSL 286° 24.44% 35.29%
HSB/HSV 286° 39.29% 43.92%
CMYK 8.93% 39.29% 0.00%
56.08%

Color #664470 in popluar number systems.

HEX 66 44 70
Decimal 102 68 112
Binary 1100110 1000100 1110000
Octal 146 104 160

Shades and tints

Shades of #664470

#664470
(102,68,112)
#5D3E66
(93,62,102)
#54385C
(84,56,92)
#4B3252
(75,50,82)
#422C48
(66,44,72)
#39263E
(57,38,62)
#302034
(48,32,52)
#271A2A
(39,26,42)
#1E1420
(30,20,32)
#150E16
(21,14,22)
#0C080C
(12,8,12)
#000000
(0,0,0)

Tints of #664470

#664470
(102,68,112)
#73557D
(115,85,125)
#80668A
(128,102,138)
#8D7797
(141,119,151)
#9A88A4
(154,136,164)
#A799B1
(167,153,177)
#B4AABE
(180,170,190)
#C1BBCB
(193,187,203)
#CECCD8
(206,204,216)
#DBDDE5
(219,221,229)
#E8EEF2
(232,238,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #664470 color. Also use rgb(102,68,112) instead hex code.

Text Font Color

.myTextColor { color: #664470; }

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

This text font color is #664470.

Background Color

.myBgColor { background-color: #664470; }

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

This div background color is #664470.

Border color

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

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

This div border color is #664470.

Opacity

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

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

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

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

This text has shadow with #664470 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #664470.

Preview

Color preview on black background

This text has color #664470 on black background.


Color preview on white background

This text has color #664470 on white background.


Black color preview on #664470 background

This text has black color on #664470 background.


White color preview on #664470 background

This text has white color on #664470 background.


Related colors

Complementary color

Complementary color for #hex is #99BB8F.


I love getcolorcode.com

Triadic colors

1 #706644 and #447066 with #664470 are triadic colors.

2 #704466 and #446670 with #664470 are triadic colors.