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

#BBC9F3

In a RGB color space, hex #BBC9F3 is composed of 73% red, 79% green and 95% blue. RGB color code is composed of a hexadecimal BB red (187/255), a C9 green (201/255) and a F3 blue component (243/255). The decimal RGB color code is rgb(187,201,243) In CMYK color space, it is composed of 23% cyan, 17% magenta, 0% yellow and 5% black. It has a hue angle of 225o degrees, a saturation of 70% and a lightness of 84%. Closest websafe color is: #ccccff rgb (204, 204, 255).

Color conversion

---

Convert color

---

The hexadecimal color #BBC9F3 has RGB values of R:187, G:201, B:243 and CMYK values of C:23, M:17, Y:0, K:5. Its decimal value is 12306931.Binary code is 101110111100100111110011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color BBC9F3  #BBC9F3 RGB decimal 187, 201, 243  rgb(187, 201, 243) RGB % 73, 79, 95  rgb(73%, 79%, 95%) RGB Adobe 190, 200, 241 CMYK % 23, 17, 0, 5  23%, 17%, 0%, 5% HSL 225o, 70, 84  hsl(225o, 70%, 84%) HSV (HSB) 225o, 23%, 95%  hsv(225o, 23%, 95%)

Web Safe color #ccccff rgb (204, 204, 255) XYZ 57.558, 58.809 93.112 xyY 0.27, 0.28, 58.81 Hunter-Lab 76.69, 3.93, -23.35 CMY 27%, 21%, 5% Lab 80.94, 1.75, -22.52 Binary color BB C9 F3 10111011 11001001 11110011

Shades and tints of #BBC9F3

---

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

Tint color variation #BBC9F3

#C5D1F5 rgb (197,209,245) #C5D1F5 #CED8F7 rgb (206,216,247) #CED8F7 #D5DEF8 rgb (213,222,248) #D5DEF8 #DBE3F9 rgb (219,227,249) #DBE3F9 #E0E7FA rgb (224,231,250) #E0E7FA #E5EBFB rgb (229,235,251) #E5EBFB #E9EEFC rgb (233,238,252) #E9EEFC #ECF1FC rgb (236,241,252) #ECF1FC #EFF3FC rgb (239,243,252) #EFF3FC #F1F5FC rgb (241,245,252) #F1F5FC

Shade color variation

#9FABCF rgb (159,171,207) #9FABCF #8791B0 rgb (135,145,176) #8791B0 #737B96 rgb (115,123,150) #737B96 #626980 rgb (98,105,128) #626980 #53596D rgb (83,89,109) #53596D #474C5D rgb (71,76,93) #474C5D #3C414F rgb (60,65,79) #3C414F #333743 rgb (51,55,67) #333743 #2B2F39 rgb (43,47,57) #2B2F39 #252830 rgb (37,40,48) #252830

Tones of #BBC9F3

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

#B5C2E8 rgb (181,194,232) #B5C2E8 #B0BBDE rgb (176,187,222) #B0BBDE #ABB5D5 rgb (171,181,213) #ABB5D5 #A7B0CD rgb (167,176,205) #A7B0CD #A3ABC5 rgb (163,171,197) #A3ABC5 #A0A7BE rgb (160,167,190) #A0A7BE #9DA3B8 rgb (157,163,184) #9DA3B8 #9AA0B2 rgb (154,160,178) #9AA0B2 #979DAD rgb (151,157,173) #979DAD #959AA9 rgb (149,154,169) #959AA9

Alternatives to #BBC9F3

---

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

#BB8DF3 rgb (187,141,243) #BB8DF3 #BBA1F3 rgb (187,161,243) #BBA1F3 #BBB5F3 rgb (187,181,243) #BBB5F3 #BBDDF3 rgb (187,221,243) #BBDDF3 #BBF1F3 rgb (187,241,243) #BBF1F3 #CFFFF3 rgb (207,255,243) #CFFFF3

Quick use #BBC9F3

---

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

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

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

Pre-formatted code BBC9F3	code for script / programming
HTML, CSS:	= #BBC9F3; rgb(187, 201, 243)
Java:	= new Color(187, 201, 243)
.NET:	= Color.FromArgb (187, 201, 243);
Xojo:	= rgb (187, 201, 243, 0);
openGL:	= glColor3f (0.73f, 0.79f, 0.95f);
Swift:	= UIColor(red:0.73, green:0.79, blue:0.95, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.73 green:0.79 blue:0.95 alpha:1.00000];

Color schemes with #BBC9F3

---

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: 23% has a #BBC9F3 saturation. Adding 23% + 10% = 33% saturation for our new color #899ACC. Decreasing 23% - 10% = 13% saturation for other monochromatic color #DEE6FF. #dee6ff rgb (222,230,255) #dee6ff 13% saturation #deaeb3 rgb (173,174,179) #deaeb3 3% saturation #899acc rgb (137,154,204) #899acc 33% saturation #6679b3 rgb (102,121,179) #6679b3 43% 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. #C8BBF2 rgb (200,187,242) #C8BBF2 255o #BBC9F3 rgb (187,201,243) #BBC9F3 225o #BBE4F2 rgb (187,228,242) #BBE4F2 195o

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: #BBC9F3 has a 225o angle. Adding 225o + 180o = 45oo for our new complementary color #F2E4BB. #BBC9F3 rgb (187,201,243) #BBC9F3 225o #F2E4BB rgb (242,228,187) #F2E4BB 45o

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: #BBC9F3 has a 225o angle. Adding 225o + 180o+30o = 75o for our first complementary color #E4F2BB. Decreasing 225o + 180o-30o = 15o for the second complementary color #F2C8BB. #F2C8BB rgb (242,200,187) #F2C8BB 15o #BBC9F3 rgb (187,201,243) #BBC9F3 225o #E4F2BB rgb (228,242,187) #E4F2BB 75o

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. #F2BBC8 rgb (242,187,200) #F2BBC8 345o #BBC9F3 rgb (187,201,243) #BBC9F3 225o #C8F2BB rgb (200,242,187) #C8F2BB 105o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #F2BBC8 rgb (242,187,200) #F2BBC8 345o #BBC9F3 rgb (187,201,243) #BBC9F3 225o #F2E4BB rgb (242,228,187) #F2E4BB 45o #BBF2E4 rgb (187,242,228) #BBF2E4 165o