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

#BADE6F

In a RGB color space, hex #BADE6F is composed of 73% red, 87% green and 44% blue. RGB color code is composed of a hexadecimal BA red (186/255), a DE green (222/255) and a 6F blue component (111/255). The decimal RGB color code is rgb(186,222,111) In CMYK color space, it is composed of 16% cyan, 0% magenta, 50% yellow and 13% black. It has a hue angle of 79.46o degrees, a saturation of 63% and a lightness of 65%. Closest websafe color is: #cccc66 rgb (204, 204, 102).

Color conversion

---

Convert color

---

The hexadecimal color #BADE6F has RGB values of R:186, G:222, B:111 and CMYK values of C:16, M:0, Y:50, K:13. Its decimal value is 12246639.Binary code is 101110101101111001101111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color BADE6F  #BADE6F RGB decimal 186, 222, 111  rgb(186, 222, 111) RGB % 73, 87, 44  rgb(73%, 87%, 44%) RGB Adobe 196, 221, 118 CMYK % 16, 0, 50, 13  16%, 0%, 50%, 13% HSL 79.46o, 63, 65  hsl(79.46o, 63%, 65%) HSV (HSB) 79o, 50%, 87%  hsv(79o, 50%, 87%)

Web Safe color #cccc66 rgb (204, 204, 102) XYZ 49.24, 63.829 24.764 xyY 0.36, 0.46, 63.83 Hunter-Lab 79.89, -25.94, 34.47 CMY 27%, 13%, 56% Lab 84.1, -24.96, 49.72 Binary color BA DE 6F 10111010 11011110 1101111

Shades and tints of #BADE6F

---

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: #252B16 is the darkest color, and: #F1F9E3 is the lightest one.

Tint color variation #BADE6F

#C4E385 rgb (196,227,133) #C4E385 #CDE797 rgb (205,231,151) #CDE797 #D5EBA7 rgb (213,235,167) #D5EBA7 #DBEEB4 rgb (219,238,180) #DBEEB4 #E0F1BF rgb (224,241,191) #E0F1BF #E5F3C9 rgb (229,243,201) #E5F3C9 #E9F5D1 rgb (233,245,209) #E9F5D1 #ECF7D8 rgb (236,247,216) #ECF7D8 #EFF8DE rgb (239,248,222) #EFF8DE #F1F9E3 rgb (241,249,227) #F1F9E3

Shade color variation

#9EBD5E rgb (158,189,94) #9EBD5E #86A150 rgb (134,161,80) #86A150 #728944 rgb (114,137,68) #728944 #61743A rgb (97,116,58) #61743A #526331 rgb (82,99,49) #526331 #46542A rgb (70,84,42) #46542A #3C4724 rgb (60,71,36) #3C4724 #333C1F rgb (51,60,31) #333C1F #2B331A rgb (43,51,26) #2B331A #252B16 rgb (37,43,22) #252B16

Tones of #BADE6F

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

#B4D571 rgb (180,213,113) #B4D571 #AFCD73 rgb (175,205,115) #AFCD73 #AAC574 rgb (170,197,116) #AAC574 #A6BE75 rgb (166,190,117) #A6BE75 #A2B876 rgb (162,184,118) #A2B876 #9FB277 rgb (159,178,119) #9FB277 #9CAD78 rgb (156,173,120) #9CAD78 #99A979 rgb (153,169,121) #99A979 #97A57A rgb (151,165,122) #97A57A #95A17B rgb (149,161,123) #95A17B

Alternatives to #BADE6F

---

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

#BAA26F rgb (186,162,111) #BAA26F #BAB66F rgb (186,182,111) #BAB66F #BACA6F rgb (186,202,111) #BACA6F #BAF26F rgb (186,242,111) #BAF26F #CEFF6F rgb (206,255,111) #CEFF6F #E2FF6F rgb (226,255,111) #E2FF6F

Quick use #BADE6F

---

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

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

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

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

Color schemes with #BADE6F

---

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: 50% has a #BADE6F saturation. Adding 50% + 10% = 60% saturation for our new color #95B849. Decreasing 50% - 10% = 40% saturation for other monochromatic color #DFFF99. #dfff99 rgb (223,255,153) #dfff99 40% saturation #df9e6f rgb (143,158,111) #df9e6f 30% saturation #95b849 rgb (149,184,73) #95b849 60% saturation #7b9e2f rgb (123,158,47) #7b9e2f 70% 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. #83DE6F rgb (131,222,111) #83DE6F 109o #BADE6F rgb (186,222,111) #BADE6F 79o #DECA6F rgb (222,202,111) #DECA6F 49o

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: #BADE6F has a 79o angle. Adding 79o + 180o = 259oo for our new complementary color #926FDE. #BADE6F rgb (186,222,111) #BADE6F 79o #926FDE rgb (146,111,222) #926FDE 259o

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: #BADE6F has a 79o angle. Adding 79o + 180o+30o = 289o for our first complementary color #CA6FDE. Decreasing 79o + 180o-30o = 229o for the second complementary color #6F83DE. #6F83DE rgb (111,131,222) #6F83DE 229o #BADE6F rgb (186,222,111) #BADE6F 79o #CA6FDE rgb (202,111,222) #CA6FDE 289o

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. #6FBBDE rgb (111,187,222) #6FBBDE 199o #BADE6F rgb (186,222,111) #BADE6F 79o #DE6FBB rgb (222,111,187) #DE6FBB 319o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #6FBBDE rgb (111,187,222) #6FBBDE 199o #BADE6F rgb (186,222,111) #BADE6F 79o #926FDE rgb (146,111,222) #926FDE 259o #DE926F rgb (222,146,111) #DE926F 19o