Color #669264

Color info

#669264 contains red, green and blue colors in about the same proportion. Web safe color of #669264 is #669966 (or #696).

RGB color model

#669264 color RGB value is (102,146,100).

red value is 102;
green value is 146;
blue value is 100.

RGB:
(102,146,100)
(40%,57%,39%)

RGB channels and saturation

R 102 of 255 = 40%
G 146 of 255 = 57%
B 100 of 255 = 39%

102

146

100

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

Portions of RGB colors in percentages

R + G + B =
102 + 146 + 100 = 348 (100%)
R 102 of 348 ~ 29.31%
G 146 of 348 ~ 41.95%
B 100 of 348 ~ 28.74%

%29.31

%41.95

%28.74

CMYK color model

#669264 color CMYK value is (30,0,32,43).

cyan value is 30.14%
magenta value is 0.00%
yellow value is 31.51%
key color value is 42.75%

CMYK:
(30,0,32,43)
C30M0Y32K43 
(30%,0%,32%,43%)
(0.30/0.00/0.32/0.43)

CMYK percentages

%30.14

%31.51

%42.75

Codes

Color #669264 in popluar color models

	66	92	64
RGB	102	146	100
HSL	117°	18.70%	48.24%
HSB/HSV	117°	31.51%	57.25%
CMYK	30.14%	0.00%	31.51%
CMYK	42.75%

Color #669264 in popluar number systems.

HEX	66	92	64
Decimal	102	146	100
Binary	1100110	10010010	1100100
Octal	146	222	144

Shades and tints

Shades of #669264

#669264
(102,146,100)

#5D855B
(93,133,91)

#547852
(84,120,82)

#4B6B49
(75,107,73)

#425E40
(66,94,64)

#395137
(57,81,55)

#30442E
(48,68,46)

#273725
(39,55,37)

#1E2A1C
(30,42,28)

#151D13
(21,29,19)

#0C100A
(12,16,10)

#000000
(0,0,0)

Tints of #669264

#669264
(102,146,100)

#739B72
(115,155,114)

#80A480
(128,164,128)

#8DAD8E
(141,173,142)

#9AB69C
(154,182,156)

#A7BFAA
(167,191,170)

#B4C8B8
(180,200,184)

#C1D1C6
(193,209,198)

#CEDAD4
(206,218,212)

#DBE3E2
(219,227,226)

#E8ECF0
(232,236,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #669264 color. Also use rgb(102,146,100) instead hex code.

Text Font Color

.myTextColor { color: #669264; }

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

This text font color is #669264.

Background Color

.myBgColor { background-color: #669264; }

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

This div background color is #669264.

Border color

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

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

This div border color is #669264.

Opacity

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

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

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

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

This text has shadow with #669264 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #669264.

Preview

Color preview on black background

This text has color #669264 on black background.

Color preview on white background

This text has color #669264 on white background.

Black color preview on #669264 background

This text has black color on #669264 background.

White color preview on #669264 background

This text has white color on #669264 background.