#bdc3fe hex color

In a RGB color space, hex #bdc3fe is composed of 74.1% red, 76.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 23.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 234.5 degrees, a saturation of 97% and a lightness of 86.9%. #bdc3fe color hex could be obtained by blending #ffffff with #7b87fd. Closest websafe color is: #ccccff.

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

● #bdc3fe color description : Very soft blue.

The hexadecimal color #bdc3fe has RGB values of R:189, G:195, B:254 and CMYK values of C:0.26, M:0.23, Y:0, K:0. Its decimal value is 12436478.

Hex triplet	bdc3fe	`#bdc3fe`
RGB Decimal	189, 195, 254	`rgb(189,195,254)`
RGB Percent	74.1, 76.5, 99.6	`rgb(74.1%,76.5%,99.6%)`
CMYK	26, 23, 0, 0
HSL	234.5°, 97, 86.9	`hsl(234.5,97%,86.9%)`
HSV (or HSB)	234.5°, 25.6, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.182, 10.463, -29.663
XYZ	58.387, 57.004, 101.687
xyY	0.269, 0.263, 57.004
CIE-LCH	80.182, 31.454, 289.43
CIE-LUV	80.182, -6.433, -49.304
Hunter-Lab	75.501, 5.913, -27.003
Binary	10111101, 11000011, 11111110

#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#fef8bd
```
#fef8bd rgb(254,248,189)
```

Complementary Color

#bde4fe
```
#bde4fe rgb(189,228,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#d8bdfe
```
#d8bdfe rgb(216,189,254)
```

Analogous Color

#e4febd
```
#e4febd rgb(228,254,189)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#fed8bd
```
#fed8bd rgb(254,216,189)
```

Split Complementary Color

#c3febd
```
#c3febd rgb(195,254,189)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#febdc3
```
#febdc3 rgb(254,189,195)
```

Triadic Color

#bdfef8
```
#bdfef8 rgb(189,254,248)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#febdc3
```
#febdc3 rgb(254,189,195)
```
#fef8bd
```
#fef8bd rgb(254,248,189)
```

Tetradic Color

#727efd
```
#727efd rgb(114,126,253)
```
#8b95fd
```
#8b95fd rgb(139,149,253)
```
#a4acfe
```
#a4acfe rgb(164,172,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#d6dafe
```
#d6dafe rgb(214,218,254)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#bdcefe
```
#bdcefe rgb(189,206,254)
```
#bdc8fe
```
#bdc8fe rgb(189,200,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#bdbefe
```
#bdbefe rgb(189,190,254)
```
#c2bdfe
```
#c2bdfe rgb(194,189,254)
```
#c7bdfe
```
#c7bdfe rgb(199,189,254)
```

Similar Colors

Text with hexadecimal color #bdc3fe

This text has a font color of #bdc3fe.

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

#bdc3fe background color

This paragraph has a background color of #bdc3fe.

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

#bdc3fe border color

This element has a border color of #bdc3fe.

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

CSS codes

.text {color:#bdc3fe;}

.background {background-color:#bdc3fe;}

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

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, #00010b is the darkest color, while #f7f8ff is the lightest one.

#00010b
```
#00010b rgb(0,1,11)
```
#00031f
```
#00031f rgb(0,3,31)
```
#010532
```
#010532 rgb(1,5,50)
```
#010745
```
#010745 rgb(1,7,69)
```
#010959
```
#010959 rgb(1,9,89)
```
#020b6c
```
#020b6c rgb(2,11,108)
```
#020d7f
```
#020d7f rgb(2,13,127)
```
#021093
```
#021093 rgb(2,16,147)
```
#0312a6
```
#0312a6 rgb(3,18,166)
```
#0314b9
```
#0314b9 rgb(3,20,185)
```
#0316cd
```
#0316cd rgb(3,22,205)
```
#0318e0
```
#0318e0 rgb(3,24,224)
```
#041af3
```
#041af3 rgb(4,26,243)
```

Shade Color Variation

#0f25fb
```
#0f25fb rgb(15,37,251)
```
#2236fc
```
#2236fc rgb(34,54,252)
```
#3648fc
```
#3648fc rgb(54,72,252)
```
#495afc
```
#495afc rgb(73,90,252)
```
#5c6bfd
```
#5c6bfd rgb(92,107,253)
```
#707dfd
```
#707dfd rgb(112,125,253)
```
#838efd
```
#838efd rgb(131,142,253)
```
#96a0fd
```
#96a0fd rgb(150,160,253)
```
#aab1fe
```
#aab1fe rgb(170,177,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#d0d5fe
```
#d0d5fe rgb(208,213,254)
```
#e4e6ff
```
#e4e6ff rgb(228,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#dcdcdf
```
#dcdcdf rgb(220,220,223)
```
#d9dae2
```
#d9dae2 rgb(217,218,226)
```
#d7d8e4
```
#d7d8e4 rgb(215,216,228)
```
#d4d6e7
```
#d4d6e7 rgb(212,214,231)
```
#d2d4e9
```
#d2d4e9 rgb(210,212,233)
```
#cfd2ec
```
#cfd2ec rgb(207,210,236)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#cacef1
```
#cacef1 rgb(202,206,241)
```
#c7cbf4
```
#c7cbf4 rgb(199,203,244)
```
#c5c9f6
```
#c5c9f6 rgb(197,201,246)
```
#c2c7f9
```
#c2c7f9 rgb(194,199,249)
```
#c0c5fb
```
#c0c5fb rgb(192,197,251)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c6c7d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac7ff Protanopia 1% of men
#bfc6fd Deuteranopia 1% of men
#b8ccdb Tritanopia 0.001% of the population

Trichromacy

#bbc5fe Protanomaly 1% of men, 0.01% of women
#bec5fd Deuteranomaly 6% of men, 0.4% of women
#b9c9e8 Tritanomaly 0.01% of the population

#bdc3fe hex color

#bdc3fe Color Information

#bdc3fe Color Conversion

Color Schemes with #bdc3fe

Alternatives to #bdc3fe

#bdc3fe Preview

Shades and Tints of #bdc3fe

Tones of #bdc3fe

Color Blindness Simulator