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

#BDD7FC

In a RGB color space, hex #BDD7FC is composed of 74% red, 84% green and 99% blue. RGB color code is composed of a hexadecimal BD red (189/255), a D7 green (215/255) and a FC blue component (252/255). The decimal RGB color code is rgb(189,215,252) In CMYK color space, it is composed of 25% cyan, 15% magenta, 0% yellow and 1% black. It has a hue angle of 215.24o degrees, a saturation of 91% and a lightness of 86%. Closest websafe color is: #ccccff rgb (204, 204, 255).

Color conversion

---

Convert color

---

The hexadecimal color #BDD7FC has RGB values of R:189, G:215, B:252 and CMYK values of C:25, M:15, Y:0, K:1. Its decimal value is 12441596.Binary code is 101111011101011111111100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color BDD7FC  #BDD7FC RGB decimal 189, 215, 252  rgb(189, 215, 252) RGB % 74, 84, 99  rgb(74%, 84%, 99%) RGB Adobe 196, 214, 250 CMYK % 25, 15, 0, 1  25%, 15%, 0%, 1% HSL 215.24o, 91, 86  hsl(215.24o, 91%, 86%) HSV (HSB) 215o, 25%, 99%  hsv(215o, 25%, 99%)

Web Safe color #ccccff rgb (204, 204, 255) XYZ 62.857, 66.448 101.608 xyY 0.27, 0.29, 66.45 Hunter-Lab 81.52, -0.67, -22.1 CMY 26%, 16%, 1% Lab 84.97, -2.97, -21.21 Binary color BD D7 FC 10111101 11010111 11111100

Shades and tints of #BDD7FC

---

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

Tint color variation #BDD7FC

#C7DDFC rgb (199,221,252) #C7DDFC #CFE2FC rgb (207,226,252) #CFE2FC #D6E6FC rgb (214,230,252) #D6E6FC #DCEAFC rgb (220,234,252) #DCEAFC #E1EDFC rgb (225,237,252) #E1EDFC #E6F0FC rgb (230,240,252) #E6F0FC #EAF2FC rgb (234,242,252) #EAF2FC #EDF4FC rgb (237,244,252) #EDF4FC #F0F6FC rgb (240,246,252) #F0F6FC #F2F7FC rgb (242,247,252) #F2F7FC

Shade color variation

#A1B7D6 rgb (161,183,214) #A1B7D6 #899CB6 rgb (137,156,182) #899CB6 #74859B rgb (116,133,155) #74859B #637184 rgb (99,113,132) #637184 #546070 rgb (84,96,112) #546070 #47525F rgb (71,82,95) #47525F #3C4651 rgb (60,70,81) #3C4651 #333C45 rgb (51,60,69) #333C45 #2B333B rgb (43,51,59) #2B333B #252B32 rgb (37,43,50) #252B32

Tones of #BDD7FC

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

#B7CEF0 rgb (183,206,240) #B7CEF0 #B2C6E5 rgb (178,198,229) #B2C6E5 #ADBFDB rgb (173,191,219) #ADBFDB #A9B9D2 rgb (169,185,210) #A9B9D2 #A5B3CA rgb (165,179,202) #A5B3CA #A1AEC3 rgb (161,174,195) #A1AEC3 #9EA9BC rgb (158,169,188) #9EA9BC #9BA5B6 rgb (155,165,182) #9BA5B6 #98A1B1 rgb (152,161,177) #98A1B1 #969EAC rgb (150,158,172) #969EAC

Alternatives to #BDD7FC

---

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

#BD9BFC rgb (189,155,252) #BD9BFC #BDAFFC rgb (189,175,252) #BDAFFC #BDC3FC rgb (189,195,252) #BDC3FC #BDEBFC rgb (189,235,252) #BDEBFC #D1FFFC rgb (209,255,252) #D1FFFC #E5FFFC rgb (229,255,252) #E5FFFC

Quick use #BDD7FC

---

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

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

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

Pre-formatted code BDD7FC	code for script / programming
HTML, CSS:	= #BDD7FC; rgb(189, 215, 252)
Java:	= new Color(189, 215, 252)
.NET:	= Color.FromArgb (189, 215, 252);
Xojo:	= rgb (189, 215, 252, 0);
openGL:	= glColor3f (0.74f, 0.84f, 0.99f);
Swift:	= UIColor(red:0.74, green:0.84, blue:0.99, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.74 green:0.84 blue:0.99 alpha:1.00000];

Color schemes with #BDD7FC

---

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 #BDD7FC saturation. Adding 25% + 10% = 35% saturation for our new color #8BAAD6. Decreasing 25% - 10% = 15% saturation for other monochromatic color #D9E9FF. #d9e9ff rgb (217,233,255) #d9e9ff 15% saturation #d9b7bd rgb (179,183,189) #d9b7bd 5% saturation #8baad6 rgb (139,170,214) #8baad6 35% saturation #688bbd rgb (104,139,189) #688bbd 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. #C3BDFC rgb (195,189,252) #C3BDFC 245o #BDD7FC rgb (189,215,252) #BDD7FC 215o #BDF7FC rgb (189,247,252) #BDF7FC 185o

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: #BDD7FC has a 215o angle. Adding 215o + 180o = 35oo for our new complementary color #FCE2BD. #BDD7FC rgb (189,215,252) #BDD7FC 215o #FCE2BD rgb (252,226,189) #FCE2BD 35o

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: #BDD7FC has a 215o angle. Adding 215o + 180o+30o = 65o for our first complementary color #F7FCBD. Decreasing 215o + 180o-30o = 5o for the second complementary color #FCC3BD. #FCC3BD rgb (252,195,189) #FCC3BD 5o #BDD7FC rgb (189,215,252) #BDD7FC 215o #F7FCBD rgb (247,252,189) #F7FCBD 65o

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. #FCBDD8 rgb (252,189,216) #FCBDD8 335o #BDD7FC rgb (189,215,252) #BDD7FC 215o #D8FCBD rgb (216,252,189) #D8FCBD 95o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #FCBDD8 rgb (252,189,216) #FCBDD8 335o #BDD7FC rgb (189,215,252) #BDD7FC 215o #FCE2BD rgb (252,226,189) #FCE2BD 35o #BDFCE2 rgb (189,252,226) #BDFCE2 155o