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

#B2C3ED

In a RGB color space, hex #B2C3ED is composed of 70% red, 76% green and 93% blue. RGB color code is composed of a hexadecimal B2 red (178/255), a C3 green (195/255) and a ED blue component (237/255). The decimal RGB color code is rgb(178,195,237) In CMYK color space, it is composed of 25% cyan, 18% magenta, 0% yellow and 7% black. It has a hue angle of 222.71o degrees, a saturation of 62% and a lightness of 81%. Closest websafe color is: #99ccff rgb (153, 204, 255).

Color conversion

---

Convert color

---

The hexadecimal color #B2C3ED has RGB values of R:178, G:195, B:237 and CMYK values of C:25, M:18, Y:0, K:7. Its decimal value is 11715565.Binary code is 101100101100001111101101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color B2C3ED  #B2C3ED RGB decimal 178, 195, 237  rgb(178, 195, 237) RGB % 70, 76, 93  rgb(70%, 76%, 93%) RGB Adobe 182, 194, 235 CMYK % 25, 18, 0, 7  25%, 18%, 0%, 7% HSL 222.71o, 62, 81  hsl(222.71o, 62%, 81%) HSV (HSB) 223o, 25%, 93%  hsv(223o, 25%, 93%)

Web Safe color #99ccff rgb (153, 204, 255) XYZ 53.161, 54.61 87.86 xyY 0.27, 0.28, 54.61 Hunter-Lab 73.9, 3.08, -23.66 CMY 30%, 24%, 7% Lab 78.56, 0.84, -23 Binary color B2 C3 ED 10110010 11000011 11101101

Shades and tints of #B2C3ED

---

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: #23272F is the darkest color, and: #F0F3FC is the lightest one.

Tint color variation #B2C3ED

#BECCF0 rgb (190,204,240) #BECCF0 #C8D4F2 rgb (200,212,242) #C8D4F2 #D0DAF4 rgb (208,218,244) #D0DAF4 #D7E0F6 rgb (215,224,246) #D7E0F6 #DDE5F7 rgb (221,229,247) #DDE5F7 #E2E9F8 rgb (226,233,248) #E2E9F8 #E6ECF9 rgb (230,236,249) #E6ECF9 #EAEFFA rgb (234,239,250) #EAEFFA #EDF1FB rgb (237,241,251) #EDF1FB #F0F3FC rgb (240,243,252) #F0F3FC

Shade color variation

#97A6C9 rgb (151,166,201) #97A6C9 #808DAB rgb (128,141,171) #808DAB #6D7891 rgb (109,120,145) #6D7891 #5D667B rgb (93,102,123) #5D667B #4F5769 rgb (79,87,105) #4F5769 #434A59 rgb (67,74,89) #434A59 #393F4C rgb (57,63,76) #393F4C #303641 rgb (48,54,65) #303641 #292E37 rgb (41,46,55) #292E37 #23272F rgb (35,39,47) #23272F

Tones of #B2C3ED

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

#ADBCE2 rgb (173,188,226) #ADBCE2 #A9B6D8 rgb (169,182,216) #A9B6D8 #A5B1CF rgb (165,177,207) #A5B1CF #A1ACC7 rgb (161,172,199) #A1ACC7 #9EA8C0 rgb (158,168,192) #9EA8C0 #9BA4BA rgb (155,164,186) #9BA4BA #98A0B4 rgb (152,160,180) #98A0B4 #969DAF rgb (150,157,175) #969DAF #949AAA rgb (148,154,170) #949AAA #9297A6 rgb (146,151,166) #9297A6

Alternatives to #B2C3ED

---

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

#B287ED rgb (178,135,237) #B287ED #B29BED rgb (178,155,237) #B29BED #B2AFED rgb (178,175,237) #B2AFED #B2D7ED rgb (178,215,237) #B2D7ED #B2EBED rgb (178,235,237) #B2EBED #C6FFED rgb (198,255,237) #C6FFED

Quick use #B2C3ED

---

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

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

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

Pre-formatted code B2C3ED	code for script / programming
HTML, CSS:	= #B2C3ED; rgb(178, 195, 237)
Java:	= new Color(178, 195, 237)
.NET:	= Color.FromArgb (178, 195, 237);
Xojo:	= rgb (178, 195, 237, 0);
openGL:	= glColor3f (0.7f, 0.76f, 0.93f);
Swift:	= UIColor(red:0.7, green:0.76, blue:0.93, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.7 green:0.76 blue:0.93 alpha:1.00000];

Color schemes with #B2C3ED

---

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: 25% has a #B2C3ED saturation. Adding 25% + 10% = 35% saturation for our new color #8195C7. Decreasing 25% - 10% = 15% saturation for other monochromatic color #D9E4FF. #d9e4ff rgb (217,228,255) #d9e4ff 15% saturation #d9a7ad rgb (165,167,173) #d9a7ad 5% saturation #8195c7 rgb (129,149,199) #8195c7 35% saturation #5f75ad rgb (95,117,173) #5f75ad 45% 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. #BFB2ED rgb (191,178,237) #BFB2ED 253o #B2C3ED rgb (178,195,237) #B2C3ED 223o #B2E0ED rgb (178,224,237) #B2E0ED 193o

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: #B2C3ED has a 223o angle. Adding 223o + 180o = 43oo for our new complementary color #EDDCB2. #B2C3ED rgb (178,195,237) #B2C3ED 223o #EDDCB2 rgb (237,220,178) #EDDCB2 43o

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: #B2C3ED has a 223o angle. Adding 223o + 180o+30o = 73o for our first complementary color #E0EDB2. Decreasing 223o + 180o-30o = 13o for the second complementary color #EDBFB2. #EDBFB2 rgb (237,191,178) #EDBFB2 13o #B2C3ED rgb (178,195,237) #B2C3ED 223o #E0EDB2 rgb (224,237,178) #E0EDB2 73o

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. #EDB2C3 rgb (237,178,195) #EDB2C3 343o #B2C3ED rgb (178,195,237) #B2C3ED 223o #C3EDB2 rgb (195,237,178) #C3EDB2 103o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #EDB2C3 rgb (237,178,195) #EDB2C3 343o #B2C3ED rgb (178,195,237) #B2C3ED 223o #EDDCB2 rgb (237,220,178) #EDDCB2 43o #B2EDDC rgb (178,237,220) #B2EDDC 163o