#669866 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #669866

#669866

In a RGB color space, hex #669866 is composed of 40% red, 60% green and 40% blue. RGB color code is composed of a hexadecimal 66 red (102/255), a 98 green (152/255) and a 66 blue component (102/255). The decimal RGB color code is rgb(102,152,102) In CMYK color space, it is composed of 33% cyan, 0% magenta, 33% yellow and 40% black. It has a hue angle of 120o degrees, a saturation of 20% and a lightness of 50%. Closest websafe color is: #669966 rgb (102, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #669866 has RGB values of R:102, G:152, B:102 and CMYK values of C:33, M:0, Y:33, K:40. Its decimal value is 6723686.Binary code is 11001101001100001100110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 669866  #669866 RGB decimal 102, 152, 102  rgb(102, 152, 102) RGB % 40, 60, 40  rgb(40%, 60%, 40%) RGB Adobe 118, 151, 104 CMYK % 33, 0, 33, 40  33%, 0%, 33%, 40% HSL 120o, 20, 50  hsl(120o, 20%, 50%) HSV (HSB) 120o, 33%, 60%  hsv(120o, 33%, 60%)

Web Safe color #669966 rgb (102, 153, 102) XYZ 19.106, 26.241 16.628 xyY 0.31, 0.42, 26.24 Hunter-Lab 51.23, -20.66, 14.36 CMY 60%, 40%, 60% Lab 58.29, -25.32, 20.85 Binary color 66 98 66 1100110 10011000 1100110

Shades and tints of #669866

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #141F14 is the darkest color, and: #E1EBE1 is the lightest one.

Tint color variation #669866

#7DA77D rgb (125,167,125) #7DA77D #91B491 rgb (145,180,145) #91B491 #A2BFA2 rgb (162,191,162) #A2BFA2 #B0C9B0 rgb (176,201,176) #B0C9B0 #BCD1BC rgb (188,209,188) #BCD1BC #C6D8C6 rgb (198,216,198) #C6D8C6 #CFDECF rgb (207,222,207) #CFDECF #D6E3D6 rgb (214,227,214) #D6E3D6 #DCE7DC rgb (220,231,220) #DCE7DC #E1EBE1 rgb (225,235,225) #E1EBE1

Shade color variation

#578157 rgb (87,129,87) #578157 #4A6E4A rgb (74,110,74) #4A6E4A #3F5E3F rgb (63,94,63) #3F5E3F #365036 rgb (54,80,54) #365036 #2E442E rgb (46,68,46) #2E442E #273A27 rgb (39,58,39) #273A27 #213121 rgb (33,49,33) #213121 #1C2A1C rgb (28,42,28) #1C2A1C #182418 rgb (24,36,24) #182418 #141F14 rgb (20,31,20) #141F14

Tones of #669866

A tone is produced by adding gray to any pure hue. In this case, #699669 is the less saturated color, and #778977 is the most saturated one.

#699669 rgb (105,150,105) #699669 #6B946B rgb (107,148,107) #6B946B #6D926D rgb (109,146,109) #6D926D #6F906F rgb (111,144,111) #6F906F #718E71 rgb (113,142,113) #718E71 #738D73 rgb (115,141,115) #738D73 #748C74 rgb (116,140,116) #748C74 #758B75 rgb (117,139,117) #758B75 #768A76 rgb (118,138,118) #768A76 #778977 rgb (119,137,119) #778977

Alternatives to #669866

---

Below, you can see some colors close to #669866. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#665C66 rgb (102,92,102) #665C66 #667066 rgb (102,112,102) #667066 #668466 rgb (102,132,102) #668466 #66AC66 rgb (102,172,102) #66AC66 #66C066 rgb (102,192,102) #66C066 #66D466 rgb (102,212,102) #66D466

Quick use #669866

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#669866;">Text here</font>	<div style="background-color:#669866;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#669866;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#669866;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #669866	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #669866;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #669866;

Box border html code	Text shadow with RGB values for color #669866
box border html code for color #669866	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #669866;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(102, 152, 102, 1.4);

Pre-formatted code 669866	code for script / programming
HTML, CSS:	= #669866; rgb(102, 152, 102)
Java:	= new Color(102, 152, 102)
.NET:	= Color.FromArgb (102, 152, 102);
Xojo:	= rgb (102, 152, 102, 0);
openGL:	= glColor3f (0.4f, 0.6f, 0.4f);
Swift:	= UIColor(red:0.4, green:0.6, blue:0.4, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.6 blue:0.4 alpha:1.00000];

Color schemes with #669866

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 33% has a #669866 saturation. Adding 33% + 10% = 43% saturation for our new color #417341. Decreasing 33% - 10% = 23% saturation for other monochromatic color #93BF93. #93bf93 rgb (147,191,147) #93bf93 23% saturation #93594e rgb (78,89,78) #93594e 13% saturation #417341 rgb (65,115,65) #417341 43% saturation #2a592a rgb (42,89,42) #2a592a 53% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #679980 rgb (103,153,128) #679980 150o #669866 rgb (102,152,102) #669866 120o #809967 rgb (128,153,103) #809967 90o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #669866 has a 120o angle. Adding 120o + 180o = 300oo for our new complementary color #996799. #669866 rgb (102,152,102) #669866 120o #996799 rgb (153,103,153) #996799 300o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #669866 has a 120o angle. Adding 120o + 180o+30o = 330o for our first complementary color #996780. Decreasing 120o + 180o-30o = 270o for the second complementary color #806799. #806799 rgb (128,103,153) #806799 270o #669866 rgb (102,152,102) #669866 120o #996780 rgb (153,103,128) #996780 330o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #676799 rgb (103,103,153) #676799 240o #669866 rgb (102,152,102) #669866 120o #996767 rgb (153,103,103) #996767 360o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #676799 rgb (103,103,153) #676799 240o #669866 rgb (102,152,102) #669866 120o #996799 rgb (153,103,153) #996799 300o #999967 rgb (153,153,103) #999967 60o