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

#BACE6C

In a RGB color space, hex #BACE6C is composed of 73% red, 81% green and 42% blue. RGB color code is composed of a hexadecimal BA red (186/255), a CE green (206/255) and a 6C blue component (108/255). The decimal RGB color code is rgb(186,206,108) In CMYK color space, it is composed of 10% cyan, 0% magenta, 48% yellow and 19% black. It has a hue angle of 72.24o degrees, a saturation of 50% and a lightness of 62%. Closest websafe color is: #cccc66 rgb (204, 204, 102).

Color conversion

---

Convert color

---

The hexadecimal color #BACE6C has RGB values of R:186, G:206, B:108 and CMYK values of C:10, M:0, Y:48, K:19. Its decimal value is 12242540.Binary code is 101110101100111001101100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color BACE6C  #BACE6C RGB decimal 186, 206, 108  rgb(186, 206, 108) RGB % 73, 81, 42  rgb(73%, 81%, 42%) RGB Adobe 191, 205, 114 CMYK % 10, 0, 48, 19  10%, 0%, 48%, 19% HSL 72.24o, 50, 62  hsl(72.24o, 50%, 62%) HSV (HSB) 72o, 48%, 81%  hsv(72o, 48%, 81%)

Web Safe color #cccc66 rgb (204, 204, 102) XYZ 45.028, 55.664 22.558 xyY 0.37, 0.45, 55.66 Hunter-Lab 74.61, -19.15, 31.4 CMY 27%, 19%, 58% Lab 79.66, -17.92, 45.92 Binary color BA CE 6C 10111010 11001110 1101100

Shades and tints of #BACE6C

---

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: #252916 is the darkest color, and: #F1F5E2 is the lightest one.

Tint color variation #BACE6C

#C4D582 rgb (196,213,130) #C4D582 #CDDB95 rgb (205,219,149) #CDDB95 #D5E0A5 rgb (213,224,165) #D5E0A5 #DBE5B3 rgb (219,229,179) #DBE5B3 #E0E9BE rgb (224,233,190) #E0E9BE #E5ECC8 rgb (229,236,200) #E5ECC8 #E9EFD0 rgb (233,239,208) #E9EFD0 #ECF1D7 rgb (236,241,215) #ECF1D7 #EFF3DD rgb (239,243,221) #EFF3DD #F1F5E2 rgb (241,245,226) #F1F5E2

Shade color variation

#9EAF5C rgb (158,175,92) #9EAF5C #86954E rgb (134,149,78) #86954E #727F42 rgb (114,127,66) #727F42 #616C38 rgb (97,108,56) #616C38 #525C30 rgb (82,92,48) #525C30 #464E29 rgb (70,78,41) #464E29 #3C4223 rgb (60,66,35) #3C4223 #33381E rgb (51,56,30) #33381E #2B301A rgb (43,48,26) #2B301A #252916 rgb (37,41,22) #252916

Tones of #BACE6C

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

#B4C66E rgb (180,198,110) #B4C66E #AFBF70 rgb (175,191,112) #AFBF70 #AAB972 rgb (170,185,114) #AAB972 #A6B373 rgb (166,179,115) #A6B373 #A2AE74 rgb (162,174,116) #A2AE74 #9FA975 rgb (159,169,117) #9FA975 #9CA576 rgb (156,165,118) #9CA576 #99A177 rgb (153,161,119) #99A177 #979E78 rgb (151,158,120) #979E78 #959B79 rgb (149,155,121) #959B79

Alternatives to #BACE6C

---

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

#BA926C rgb (186,146,108) #BA926C #BAA66C rgb (186,166,108) #BAA66C #BABA6C rgb (186,186,108) #BABA6C #BAE26C rgb (186,226,108) #BAE26C #BAF66C rgb (186,246,108) #BAF66C #CEFF6C rgb (206,255,108) #CEFF6C

Quick use #BACE6C

---

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="#BACE6C;">Text here</font>	<div style="background-color:#BACE6C;">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="#BACE6C;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#BACE6C;">Text here</font> </div>

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

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

Pre-formatted code BACE6C	code for script / programming
HTML, CSS:	= #BACE6C; rgb(186, 206, 108)
Java:	= new Color(186, 206, 108)
.NET:	= Color.FromArgb (186, 206, 108);
Xojo:	= rgb (186, 206, 108, 0);
openGL:	= glColor3f (0.73f, 0.81f, 0.42f);
Swift:	= UIColor(red:0.73, green:0.81, blue:0.42, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.73 green:0.81 blue:0.42 alpha:1.00000];

Color schemes with #BACE6C

---

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: 48% has a #BACE6C saturation. Adding 48% + 10% = 58% saturation for our new color #95A847. Decreasing 48% - 10% = 38% saturation for other monochromatic color #E2F598. #e2f598 rgb (226,245,152) #e2f598 38% saturation #e28f67 rgb (135,143,103) #e28f67 28% saturation #95a847 rgb (149,168,71) #95a847 58% saturation #7b8f2e rgb (123,143,46) #7b8f2e 68% 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. #89CF6B rgb (137,207,107) #89CF6B 102o #BACE6C rgb (186,206,108) #BACE6C 72o #CFB16B rgb (207,177,107) #CFB16B 42o

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: #BACE6C has a 72o angle. Adding 72o + 180o = 252oo for our new complementary color #7F6BCF. #BACE6C rgb (186,206,108) #BACE6C 72o #7F6BCF rgb (127,107,207) #7F6BCF 252o

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: #BACE6C has a 72o angle. Adding 72o + 180o+30o = 282o for our first complementary color #B16BCF. Decreasing 72o + 180o-30o = 222o for the second complementary color #6B89CF. #6B89CF rgb (107,137,207) #6B89CF 222o #BACE6C rgb (186,206,108) #BACE6C 72o #B16BCF rgb (177,107,207) #B16BCF 282o

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. #6BBBCF rgb (107,187,207) #6BBBCF 192o #BACE6C rgb (186,206,108) #BACE6C 72o #CF6BBB rgb (207,107,187) #CF6BBB 312o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #6BBBCF rgb (107,187,207) #6BBBCF 192o #BACE6C rgb (186,206,108) #BACE6C 72o #7F6BCF rgb (127,107,207) #7F6BCF 252o #CF7F6B rgb (207,127,107) #CF7F6B 12o