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

#BABED9

In a RGB color space, hex #BABED9 is composed of 73% red, 75% green and 85% blue. RGB color code is composed of a hexadecimal BA red (186/255), a BE green (190/255) and a D9 blue component (217/255). The decimal RGB color code is rgb(186,190,217) In CMYK color space, it is composed of 14% cyan, 12% magenta, 0% yellow and 15% black. It has a hue angle of 232.26o degrees, a saturation of 29% and a lightness of 79%. Closest websafe color is: #cccccc rgb (204, 204, 204).

Color conversion

---

Convert color

---

The hexadecimal color #BABED9 has RGB values of R:186, G:190, B:217 and CMYK values of C:14, M:12, Y:0, K:15. Its decimal value is 12238553.Binary code is 101110101011111011011001
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color BABED9  #BABED9 RGB decimal 186, 190, 217  rgb(186, 190, 217) RGB % 73, 75, 85  rgb(73%, 75%, 85%) RGB Adobe 186, 189, 215 CMYK % 14, 12, 0, 15  14%, 12%, 0%, 15% HSL 232.26o, 29, 79  hsl(232.26o, 29%, 79%) HSV (HSB) 232o, 14%, 85%  hsv(232o, 14%, 85%)

Web Safe color #cccccc rgb (204, 204, 204) XYZ 51.188, 52.276 73.038 xyY 0.29, 0.3, 52.28 Hunter-Lab 72.3, 3.77, -13.73 CMY 27%, 25%, 15% Lab 77.31, 2.61, -14.08 Binary color BA BE D9 10111010 10111110 11011001

Shades and tints of #BABED9

---

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: #25252B is the darkest color, and: #F1F2F8 is the lightest one.

Tint color variation #BABED9

#C4C8DF rgb (196,200,223) #C4C8DF #CDD0E4 rgb (205,208,228) #CDD0E4 #D5D7E8 rgb (213,215,232) #D5D7E8 #DBDDEB rgb (219,221,235) #DBDDEB #E0E2EE rgb (224,226,238) #E0E2EE #E5E6F1 rgb (229,230,241) #E5E6F1 #E9EAF3 rgb (233,234,243) #E9EAF3 #ECEDF5 rgb (236,237,245) #ECEDF5 #EFF0F7 rgb (239,240,247) #EFF0F7 #F1F2F8 rgb (241,242,248) #F1F2F8

Shade color variation

#9EA2B8 rgb (158,162,184) #9EA2B8 #868A9C rgb (134,138,156) #868A9C #727585 rgb (114,117,133) #727585 #616371 rgb (97,99,113) #616371 #525460 rgb (82,84,96) #525460 #464752 rgb (70,71,82) #464752 #3C3C46 rgb (60,60,70) #3C3C46 #33333C rgb (51,51,60) #33333C #2B2B33 rgb (43,43,51) #2B2B33 #25252B rgb (37,37,43) #25252B

Tones of #BABED9

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

#B4B8D0 rgb (180,184,208) #B4B8D0 #AFB2C8 rgb (175,178,200) #AFB2C8 #AAADC1 rgb (170,173,193) #AAADC1 #A6A9BB rgb (166,169,187) #A6A9BB #A2A5B5 rgb (162,165,181) #A2A5B5 #9FA1B0 rgb (159,161,176) #9FA1B0 #9C9EAB rgb (156,158,171) #9C9EAB #999BA7 rgb (153,155,167) #999BA7 #9798A3 rgb (151,152,163) #9798A3 #9596A0 rgb (149,150,160) #9596A0

Alternatives to #BABED9

---

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

#BA82D9 rgb (186,130,217) #BA82D9 #BA96D9 rgb (186,150,217) #BA96D9 #BAAAD9 rgb (186,170,217) #BAAAD9 #BAD2D9 rgb (186,210,217) #BAD2D9 #BAE6D9 rgb (186,230,217) #BAE6D9 #BAFAD9 rgb (186,250,217) #BAFAD9

Quick use #BABED9

---

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

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

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

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

Color schemes with #BABED9

---

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: 14% has a #BABED9 saturation. Adding 14% + 10% = 24% saturation for our new color #888DB3. Decreasing 14% - 10% = 4% saturation for other monochromatic color #F5F6FF. #f5f6ff rgb (245,246,255) #f5f6ff 4% saturation #f59999 rgb (153,153,153) #f59999 0% saturation #888db3 rgb (136,141,179) #888db3 24% saturation #656c99 rgb (101,108,153) #656c99 34% 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. #C6BAD9 rgb (198,186,217) #C6BAD9 262o #BABED9 rgb (186,190,217) #BABED9 232o #BACED9 rgb (186,206,217) #BACED9 202o

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: #BABED9 has a 232o angle. Adding 232o + 180o = 52oo for our new complementary color #D9D5BA. #BABED9 rgb (186,190,217) #BABED9 232o #D9D5BA rgb (217,213,186) #D9D5BA 52o

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: #BABED9 has a 232o angle. Adding 232o + 180o+30o = 82o for our first complementary color #CED9BA. Decreasing 232o + 180o-30o = 22o for the second complementary color #D9C6BA. #D9C6BA rgb (217,198,186) #D9C6BA 22o #BABED9 rgb (186,190,217) #BABED9 232o #CED9BA rgb (206,217,186) #CED9BA 82o

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. #D9BABE rgb (217,186,190) #D9BABE 352o #BABED9 rgb (186,190,217) #BABED9 232o #BED9BA rgb (190,217,186) #BED9BA 112o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #D9BABE rgb (217,186,190) #D9BABE 352o #BABED9 rgb (186,190,217) #BABED9 232o #D9D5BA rgb (217,213,186) #D9D5BA 52o #BAD9D5 rgb (186,217,213) #BAD9D5 172o