#bcd7fd hex color

In a RGB color space, hex #bcd7fd is composed of 73.7% red, 84.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 15% magenta, 0% yellow and 0.8% black. It has a hue angle of 215.1 degrees, a saturation of 94.2% and a lightness of 86.5%. #bcd7fd color hex could be obtained by blending #ffffff with #79affb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 84
- B 99
RGB color chart
- C 26
- M 15
- Y 0
- K 1
CMYK color chart

● #bcd7fd color description : Very soft blue.

The hexadecimal color #bcd7fd has RGB values of R:188, G:215, B:253 and CMYK values of C:0.26, M:0.15, Y:0, K:0.01. Its decimal value is 12376061.

Hex triplet	bcd7fd	`#bcd7fd`
RGB Decimal	188, 215, 253	`rgb(188,215,253)`
RGB Percent	73.7, 84.3, 99.2	`rgb(73.7%,84.3%,99.2%)`
CMYK	26, 15, 0, 1
HSL	215.1°, 94.2, 86.5	`hsl(215.1,94.2%,86.5%)`
HSV (or HSB)	215.1°, 25.7, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.191, -0.76, -21.5
XYZ	62.765, 66.383, 102.429
xyY	0.271, 0.287, 66.383
CIE-LCH	85.191, 21.514, 267.975
CIE-LUV	85.191, -15.526, -34.224
Hunter-Lab	81.476, -5.073, -17.505
Binary	10111100, 11010111, 11111101

#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#fde2bc
```
#fde2bc rgb(253,226,188)
```

Complementary Color

#bcf8fd
```
#bcf8fd rgb(188,248,253)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#c2bcfd
```
#c2bcfd rgb(194,188,253)
```

Analogous Color

#f8fdbc
```
#f8fdbc rgb(248,253,188)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#fdc2bc
```
#fdc2bc rgb(253,194,188)
```

Split Complementary Color

#d7fdbc
```
#d7fdbc rgb(215,253,188)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#fdbcd7
```
#fdbcd7 rgb(253,188,215)
```

Triadic Color

#bcfde2
```
#bcfde2 rgb(188,253,226)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#fdbcd7
```
#fdbcd7 rgb(253,188,215)
```
#fde2bc
```
#fde2bc rgb(253,226,188)
```

Tetradic Color

#72abfb
```
#72abfb rgb(114,171,251)
```
#8ab9fc
```
#8ab9fc rgb(138,185,252)
```
#a3c8fc
```
#a3c8fc rgb(163,200,252)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#d5e6fe
```
#d5e6fe rgb(213,230,254)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bce7fd
```
#bce7fd rgb(188,231,253)
```
#bce2fd
```
#bce2fd rgb(188,226,253)
```
#bcdcfd
```
#bcdcfd rgb(188,220,253)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#bcd2fd
```
#bcd2fd rgb(188,210,253)
```
#bcccfd
```
#bcccfd rgb(188,204,253)
```
#bcc7fd
```
#bcc7fd rgb(188,199,253)
```

Similar Colors

Text with hexadecimal color #bcd7fd

This text has a font color of #bcd7fd.

<span style="color:#bcd7fd;">Text here</span>

#bcd7fd background color

This paragraph has a background color of #bcd7fd.

<p style="background-color:#bcd7fd;">Content here</p>

#bcd7fd border color

This element has a border color of #bcd7fd.

<div style="border:1px solid #bcd7fd;">Content here</div>

CSS codes

.text {color:#bcd7fd;}

.background {background-color:#bcd7fd;}

.border {border:1px solid #bcd7fd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000409 is the darkest color, while #f5f9ff is the lightest one.

#000409
```
#000409 rgb(0,4,9)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#01142f
```
#01142f rgb(1,20,47)
```
#021d42
```
#021d42 rgb(2,29,66)
```
#032555
```
#032555 rgb(3,37,85)
```
#032d68
```
#032d68 rgb(3,45,104)
```
#04357b
```
#04357b rgb(4,53,123)
```
#043e8f
```
#043e8f rgb(4,62,143)
```
#0546a2
```
#0546a2 rgb(5,70,162)
```
#054eb5
```
#054eb5 rgb(5,78,181)
```
#0656c8
```
#0656c8 rgb(6,86,200)
```
#075fdb
```
#075fdb rgb(7,95,219)
```
#0767ee
```
#0767ee rgb(7,103,238)
```

Shade Color Variation

#1171f8
```
#1171f8 rgb(17,113,248)
```
#247cf8
```
#247cf8 rgb(36,124,248)
```
#3787f9
```
#3787f9 rgb(55,135,249)
```
#4a93fa
```
#4a93fa rgb(74,147,250)
```
#5d9efa
```
#5d9efa rgb(93,158,250)
```
#70aafb
```
#70aafb rgb(112,170,251)
```
#83b5fb
```
#83b5fb rgb(131,181,251)
```
#96c0fc
```
#96c0fc rgb(150,192,252)
```
#a9ccfc
```
#a9ccfc rgb(169,204,252)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```
#cfe2fe
```
#cfe2fe rgb(207,226,254)
```
#e2eefe
```
#e2eefe rgb(226,238,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #dcdcdd is the less saturated color, while #bcd7fd is the most saturated one.

#dcdcdd
```
#dcdcdd rgb(220,220,221)
```
#d9dce0
```
#d9dce0 rgb(217,220,224)
```
#d7dbe2
```
#d7dbe2 rgb(215,219,226)
```
#d4dbe5
```
#d4dbe5 rgb(212,219,229)
```
#d1dbe8
```
#d1dbe8 rgb(209,219,232)
```
#cfdaea
```
#cfdaea rgb(207,218,234)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#c9d9f0
```
#c9d9f0 rgb(201,217,240)
```
#c7d9f2
```
#c7d9f2 rgb(199,217,242)
```
#c4d8f5
```
#c4d8f5 rgb(196,216,245)
```
#c1d8f8
```
#c1d8f8 rgb(193,216,248)
```
#bfd7fa
```
#bfd7fa rgb(191,215,250)
```
#bcd7fd
```
#bcd7fd rgb(188,215,253)
```

Tone Color Variation

Below, you can see how #bcd7fd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#d3d3d3 Achromatopsia 0.005% of the population
#ced4db Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced5fa Protanopia 1% of men
#d5d2ff Deuteranopia 1% of men
#bbdcec Tritanopia 0.001% of the population

Trichromacy

#c8d5fb Protanomaly 1% of men, 0.01% of women
#ccd4fe Deuteranomaly 6% of men, 0.4% of women
#bbdaf2 Tritanomaly 0.01% of the population

#bcd7fd hex color

#bcd7fd Color Information

#bcd7fd Color Conversion

Color Schemes with #bcd7fd

Alternatives to #bcd7fd

#bcd7fd Preview

Shades and Tints of #bcd7fd

Tones of #bcd7fd

Color Blindness Simulator