#bcd4fe hex color

In a RGB color space, hex #bcd4fe is composed of 73.7% red, 83.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 16.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 218.2 degrees, a saturation of 97.1% and a lightness of 86.7%. #bcd4fe color hex could be obtained by blending #ffffff with #79a9fd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 83
- B 100
RGB color chart
- C 26
- M 17
- Y 0
- K 0
CMYK color chart

● #bcd4fe color description : Very soft blue.

The hexadecimal color #bcd4fe has RGB values of R:188, G:212, B:254 and CMYK values of C:0.26, M:0.17, Y:0, K:0. Its decimal value is 12375294.

Hex triplet	bcd4fe	`#bcd4fe`
RGB Decimal	188, 212, 254	`rgb(188,212,254)`
RGB Percent	73.7, 83.1, 99.6	`rgb(73.7%,83.1%,99.6%)`
CMYK	26, 17, 0, 0
HSL	218.2°, 97.1, 86.7	`hsl(218.2,97.1%,86.7%)`
HSV (or HSB)	218.2°, 26, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.449, 1.053, -23.155
XYZ	62.168, 64.933, 103.018
xyY	0.27, 0.282, 64.933
CIE-LCH	84.449, 23.179, 272.605
CIE-LUV	84.449, -14.253, -37.229
Hunter-Lab	80.581, -3.304, -19.392
Binary	10111100, 11010100, 11111110

#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#fee6bc
```
#fee6bc rgb(254,230,188)
```

Complementary Color

#bcf5fe
```
#bcf5fe rgb(188,245,254)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#c5bcfe
```
#c5bcfe rgb(197,188,254)
```

Analogous Color

#f5febc
```
#f5febc rgb(245,254,188)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#fec5bc
```
#fec5bc rgb(254,197,188)
```

Split Complementary Color

#d4febc
```
#d4febc rgb(212,254,188)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#febcd4
```
#febcd4 rgb(254,188,212)
```

Triadic Color

#bcfee6
```
#bcfee6 rgb(188,254,230)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#febcd4
```
#febcd4 rgb(254,188,212)
```
#fee6bc
```
#fee6bc rgb(254,230,188)
```

Tetradic Color

#71a4fd
```
#71a4fd rgb(113,164,253)
```
#8ab4fd
```
#8ab4fd rgb(138,180,253)
```
#a3c4fe
```
#a3c4fe rgb(163,196,254)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#d5e4fe
```
#d5e4fe rgb(213,228,254)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bce5fe
```
#bce5fe rgb(188,229,254)
```
#bcdffe
```
#bcdffe rgb(188,223,254)
```
#bcdafe
```
#bcdafe rgb(188,218,254)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#bccffe
```
#bccffe rgb(188,207,254)
```
#bcc9fe
```
#bcc9fe rgb(188,201,254)
```
#bcc4fe
```
#bcc4fe rgb(188,196,254)
```

Similar Colors

Text with hexadecimal color #bcd4fe

This text has a font color of #bcd4fe.

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

#bcd4fe background color

This paragraph has a background color of #bcd4fe.

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

#bcd4fe border color

This element has a border color of #bcd4fe.

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

CSS codes

.text {color:#bcd4fe;}

.background {background-color:#bcd4fe;}

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000b1e
```
#000b1e rgb(0,11,30)
```
#011231
```
#011231 rgb(1,18,49)
```
#011944
```
#011944 rgb(1,25,68)
```
#012158
```
#012158 rgb(1,33,88)
```
#02286b
```
#02286b rgb(2,40,107)
```
#022f7e
```
#022f7e rgb(2,47,126)
```
#023692
```
#023692 rgb(2,54,146)
```
#023ea5
```
#023ea5 rgb(2,62,165)
```
#0345b8
```
#0345b8 rgb(3,69,184)
```
#034ccc
```
#034ccc rgb(3,76,204)
```
#0353df
```
#0353df rgb(3,83,223)
```
#045af2
```
#045af2 rgb(4,90,242)
```

Shade Color Variation

#0e64fb
```
#0e64fb rgb(14,100,251)
```
#2171fc
```
#2171fc rgb(33,113,252)
```
#357dfc
```
#357dfc rgb(53,125,252)
```
#488afc
```
#488afc rgb(72,138,252)
```
#5b96fd
```
#5b96fd rgb(91,150,253)
```
#6fa2fd
```
#6fa2fd rgb(111,162,253)
```
#82affd
```
#82affd rgb(130,175,253)
```
#95bbfd
```
#95bbfd rgb(149,187,253)
```
#a9c8fe
```
#a9c8fe rgb(169,200,254)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```
#cfe0fe
```
#cfe0fe rgb(207,224,254)
```
#e3edff
```
#e3edff rgb(227,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#dbdddf
```
#dbdddf rgb(219,221,223)
```
#d9dce1
```
#d9dce1 rgb(217,220,225)
```
#d6dbe4
```
#d6dbe4 rgb(214,219,228)
```
#d4dae6
```
#d4dae6 rgb(212,218,230)
```
#d1dae9
```
#d1dae9 rgb(209,218,233)
```
#ced9ec
```
#ced9ec rgb(206,217,236)
```
#ccd8ee
```
#ccd8ee rgb(204,216,238)
```
#c9d8f1
```
#c9d8f1 rgb(201,216,241)
```
#c6d7f4
```
#c6d7f4 rgb(198,215,244)
```
#c4d6f6
```
#c4d6f6 rgb(196,214,246)
```
#c1d5f9
```
#c1d5f9 rgb(193,213,249)
```
#bfd5fb
```
#bfd5fb rgb(191,213,251)
```
#bcd4fe
```
#bcd4fe rgb(188,212,254)
```

Tone Color Variation

Below, you can see how #bcd4fe 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

#d2d2d2 Achromatopsia 0.005% of the population
#ced2db Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd3fc Protanopia 1% of men
#d2d0ff Deuteranopia 1% of men
#bad9e9 Tritanopia 0.001% of the population

Trichromacy

#c5d3fc Protanomaly 1% of men, 0.01% of women
#cad2fe Deuteranomaly 6% of men, 0.4% of women
#bad7f1 Tritanomaly 0.01% of the population

#bcd4fe hex color

#bcd4fe Color Information

#bcd4fe Color Conversion

Color Schemes with #bcd4fe

Alternatives to #bcd4fe

#bcd4fe Preview

Shades and Tints of #bcd4fe

Tones of #bcd4fe

Color Blindness Simulator