COLOR #669C62

HEX: #669C62 RGB: (102,156,98)

Color info

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

RGB color model

#669C62 color RGB value is (102,156,98).

RGB: (102,156,98) (40%, 61%, 38%)

RGB channels and saturation

R 102 of 255 = 40%
G 156 of 255 = 61%
B 98 of 255 = 38%

102
156
98

R + G + B ~ 46%. #669C62 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 102 + 156 + 98 = 356 (100%)
R 102 of 356 ~ 28.65%
G 156 of 356 ~ 43.82%
B 98 of 356 ~ 27.53'%

%28.65
%43.82
%27.53

CMYK color model

#669C62 color CMYK value is (35,0,37,39).

  • cyan value is 34.62%
  • magenta value is 0.00%
  • yellow value is 37.18%
  • key color value is 38.82%

CMYK: (35,0,37,39)
C35M0Y37K39 (35%, 0%, 37%, 39%)
(0.35 / 0.00 / 0.37 / 0.39)

CMYK percentages

%34.62
%0
%37.18
%38.82

Codes

Color #669C62 in popluar color models

66 9C 62
RGB 102 156 98
HSL 116° 22.83% 49.80%
HSB/HSV 116° 37.18% 61.18%
CMYK 34.62% 0.00% 37.18%
38.82%

Color #669C62 in popluar number systems.

HEX 66 9C 62
Decimal 102 156 98
Binary 1100110 10011100 1100010
Octal 146 234 142

Shades and tints

Shades of #669C62

#669C62
(102,156,98)
#5D8E5A
(93,142,90)
#548052
(84,128,82)
#4B724A
(75,114,74)
#426442
(66,100,66)
#39563A
(57,86,58)
#304832
(48,72,50)
#273A2A
(39,58,42)
#1E2C22
(30,44,34)
#151E1A
(21,30,26)
#0C1012
(12,16,18)
#000000
(0,0,0)

Tints of #669C62

#669C62
(102,156,98)
#73A570
(115,165,112)
#80AE7E
(128,174,126)
#8DB78C
(141,183,140)
#9AC09A
(154,192,154)
#A7C9A8
(167,201,168)
#B4D2B6
(180,210,182)
#C1DBC4
(193,219,196)
#CEE4D2
(206,228,210)
#DBEDE0
(219,237,224)
#E8F6EE
(232,246,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #669C62 color. Also use rgb(102,156,98) instead hex code.

Text Font Color

.myTextColor { color: #669C62; }

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

This text font color is #669C62.

Background Color

.myBgColor { background-color: #669C62; }

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

This div background color is #669C62.

Border color

.myBorderColor { border: 1px solid #669C62; }

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

This div border color is #669C62.

Opacity

.myOpacity80 { color: #669C62; opacity: 0.8; }

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

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

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

This text has shadow with #669C62 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #669C62.

Preview

Color preview on black background

This text has color #669C62 on black background.


Color preview on white background

This text has color #669C62 on white background.


Black color preview on #669C62 background

This text has black color on #669C62 background.


White color preview on #669C62 background

This text has white color on #669C62 background.


Related colors

Complementary color

Complementary color for #hex is #99639D.


I love getcolorcode.com

Triadic colors

1 #62669C and #9C6266 with #669C62 are triadic colors.

2 #629C66 and #9C6662 with #669C62 are triadic colors.