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

#BAE0B0

In a RGB color space, hex #BAE0B0 is composed of 73% red, 88% green and 69% blue. RGB color code is composed of a hexadecimal BA red (186/255), a E0 green (224/255) and a B0 blue component (176/255). The decimal RGB color code is rgb(186,224,176) In CMYK color space, it is composed of 17% cyan, 0% magenta, 21% yellow and 12% black. It has a hue angle of 107.5o degrees, a saturation of 44% and a lightness of 78%. Closest websafe color is: #cccc99 rgb (204, 204, 153).

Color conversion

---

Convert color

---

The hexadecimal color #BAE0B0 has RGB values of R:186, G:224, B:176 and CMYK values of C:17, M:0, Y:21, K:12. Its decimal value is 12247216.Binary code is 101110101110000010110000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color BAE0B0  #BAE0B0 RGB decimal 186, 224, 176  rgb(186, 224, 176) RGB % 73, 88, 69  rgb(73%, 88%, 69%) RGB Adobe 196, 223, 177 CMYK % 17, 0, 21, 12  17%, 0%, 21%, 12% HSL 107.5o, 44, 78  hsl(107.5o, 44%, 78%) HSV (HSB) 108o, 21%, 88%  hsv(108o, 21%, 88%)

Web Safe color #cccc99 rgb (204, 204, 153) XYZ 54.742, 66.885 51.099 xyY 0.32, 0.39, 66.89 Hunter-Lab 81.78, -19.58, 16.36 CMY 27%, 12%, 31% Lab 85.5, -19.53, 19.31 Binary color BA E0 B0 10111010 11100000 10110000

Shades and tints of #BAE0B0

---

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

Tint color variation #BAE0B0

#C4E5BC rgb (196,229,188) #C4E5BC #CDE9C6 rgb (205,233,198) #CDE9C6 #D5ECCF rgb (213,236,207) #D5ECCF #DBEFD6 rgb (219,239,214) #DBEFD6 #E0F1DC rgb (224,241,220) #E0F1DC #E5F3E1 rgb (229,243,225) #E5F3E1 #E9F5E6 rgb (233,245,230) #E9F5E6 #ECF7EA rgb (236,247,234) #ECF7EA #EFF8ED rgb (239,248,237) #EFF8ED #F1F9F0 rgb (241,249,240) #F1F9F0

Shade color variation

#9EBE96 rgb (158,190,150) #9EBE96 #86A280 rgb (134,162,128) #86A280 #728A6D rgb (114,138,109) #728A6D #61755D rgb (97,117,93) #61755D #52634F rgb (82,99,79) #52634F #465443 rgb (70,84,67) #465443 #3C4739 rgb (60,71,57) #3C4739 #333C30 rgb (51,60,48) #333C30 #2B3329 rgb (43,51,41) #2B3329 #252B23 rgb (37,43,35) #252B23

Tones of #BAE0B0

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

#B4D6AB rgb (180,214,171) #B4D6AB #AFCDA7 rgb (175,205,167) #AFCDA7 #AAC5A3 rgb (170,197,163) #AAC5A3 #A6BEA0 rgb (166,190,160) #A6BEA0 #A2B89D rgb (162,184,157) #A2B89D #9FB29A rgb (159,178,154) #9FB29A #9CAD97 rgb (156,173,151) #9CAD97 #99A995 rgb (153,169,149) #99A995 #97A593 rgb (151,165,147) #97A593 #95A191 rgb (149,161,145) #95A191

Alternatives to #BAE0B0

---

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

#BAA4B0 rgb (186,164,176) #BAA4B0 #BAB8B0 rgb (186,184,176) #BAB8B0 #BACCB0 rgb (186,204,176) #BACCB0 #BAF4B0 rgb (186,244,176) #BAF4B0 #CEFFB0 rgb (206,255,176) #CEFFB0 #E2FFB0 rgb (226,255,176) #E2FFB0

Quick use #BAE0B0

---

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

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

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

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

Color schemes with #BAE0B0

---

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: 21% has a #BAE0B0 saturation. Adding 21% + 10% = 31% saturation for our new color #8CBA80. Decreasing 21% - 10% = 11% saturation for other monochromatic color #E9FFE3. #e9ffe3 rgb (233,255,227) #e9ffe3 11% saturation #e9a19f rgb (159,161,159) #e9a19f 1% saturation #8cba80 rgb (140,186,128) #8cba80 31% saturation #6ca15f rgb (108,161,95) #6ca15f 41% 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. #B1E0BF rgb (177,224,191) #B1E0BF 138o #BAE0B0 rgb (186,224,176) #BAE0B0 108o #D2E0B1 rgb (210,224,177) #D2E0B1 78o

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: #BAE0B0 has a 108o angle. Adding 108o + 180o = 288oo for our new complementary color #D7B1E0. #BAE0B0 rgb (186,224,176) #BAE0B0 108o #D7B1E0 rgb (215,177,224) #D7B1E0 288o

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: #BAE0B0 has a 108o angle. Adding 108o + 180o+30o = 318o for our first complementary color #E0B1D2. Decreasing 108o + 180o-30o = 258o for the second complementary color #BFB1E0. #BFB1E0 rgb (191,177,224) #BFB1E0 258o #BAE0B0 rgb (186,224,176) #BAE0B0 108o #E0B1D2 rgb (224,177,210) #E0B1D2 318o

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. #B1BBE0 rgb (177,187,224) #B1BBE0 228o #BAE0B0 rgb (186,224,176) #BAE0B0 108o #E0B1BB rgb (224,177,187) #E0B1BB 348o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B1BBE0 rgb (177,187,224) #B1BBE0 228o #BAE0B0 rgb (186,224,176) #BAE0B0 108o #D7B1E0 rgb (215,177,224) #D7B1E0 288o #E0D7B1 rgb (224,215,177) #E0D7B1 48o