#bdd5fe hex color

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

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

● #bdd5fe color description : Very soft blue.

The hexadecimal color #bdd5fe has RGB values of R:189, G:213, B:254 and CMYK values of C:0.26, M:0.16, Y:0, K:0. Its decimal value is 12441086.

Hex triplet	bdd5fe	`#bdd5fe`
RGB Decimal	189, 213, 254	`rgb(189,213,254)`
RGB Percent	74.1, 83.5, 99.6	`rgb(74.1%,83.5%,99.6%)`
CMYK	26, 16, 0, 0
HSL	217.8°, 97, 86.9	`hsl(217.8,97%,86.9%)`
HSV (or HSB)	217.8°, 25.6, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.772, 0.816, -22.658
XYZ	62.666, 65.562, 103.113
xyY	0.271, 0.283, 65.562
CIE-LCH	84.772, 22.672, 272.062
CIE-LUV	84.772, -14.223, -36.378
Hunter-Lab	80.97, -3.549, -18.825
Binary	10111101, 11010101, 11111110

#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#fee6bd
```
#fee6bd rgb(254,230,189)
```

Complementary Color

#bdf6fe
```
#bdf6fe rgb(189,246,254)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#c6bdfe
```
#c6bdfe rgb(198,189,254)
```

Analogous Color

#f6febd
```
#f6febd rgb(246,254,189)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#fec6bd
```
#fec6bd rgb(254,198,189)
```

Split Complementary Color

#d5febd
```
#d5febd rgb(213,254,189)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#febdd5
```
#febdd5 rgb(254,189,213)
```

Triadic Color

#bdfee6
```
#bdfee6 rgb(189,254,230)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#febdd5
```
#febdd5 rgb(254,189,213)
```
#fee6bd
```
#fee6bd rgb(254,230,189)
```

Tetradic Color

#72a5fd
```
#72a5fd rgb(114,165,253)
```
#8bb5fd
```
#8bb5fd rgb(139,181,253)
```
#a4c5fe
```
#a4c5fe rgb(164,197,254)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#d6e5fe
```
#d6e5fe rgb(214,229,254)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bde5fe
```
#bde5fe rgb(189,229,254)
```
#bde0fe
```
#bde0fe rgb(189,224,254)
```
#bddafe
```
#bddafe rgb(189,218,254)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#bdd0fe
```
#bdd0fe rgb(189,208,254)
```
#bdcafe
```
#bdcafe rgb(189,202,254)
```
#bdc5fe
```
#bdc5fe rgb(189,197,254)
```

Similar Colors

Text with hexadecimal color #bdd5fe

This text has a font color of #bdd5fe.

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

#bdd5fe background color

This paragraph has a background color of #bdd5fe.

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

#bdd5fe border color

This element has a border color of #bdd5fe.

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

CSS codes

.text {color:#bdd5fe;}

.background {background-color:#bdd5fe;}

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

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

#00040b
```
#00040b rgb(0,4,11)
```
#000c1f
```
#000c1f rgb(0,12,31)
```
#011332
```
#011332 rgb(1,19,50)
```
#011a45
```
#011a45 rgb(1,26,69)
```
#012259
```
#012259 rgb(1,34,89)
```
#02296c
```
#02296c rgb(2,41,108)
```
#02307f
```
#02307f rgb(2,48,127)
```
#023893
```
#023893 rgb(2,56,147)
```
#033fa6
```
#033fa6 rgb(3,63,166)
```
#0346b9
```
#0346b9 rgb(3,70,185)
```
#034dcd
```
#034dcd rgb(3,77,205)
```
#0355e0
```
#0355e0 rgb(3,85,224)
```
#045cf3
```
#045cf3 rgb(4,92,243)
```

Shade Color Variation

#0f66fb
```
#0f66fb rgb(15,102,251)
```
#2273fc
```
#2273fc rgb(34,115,252)
```
#367ffc
```
#367ffc rgb(54,127,252)
```
#498bfc
```
#498bfc rgb(73,139,252)
```
#5c98fd
```
#5c98fd rgb(92,152,253)
```
#70a4fd
```
#70a4fd rgb(112,164,253)
```
#83b0fd
```
#83b0fd rgb(131,176,253)
```
#96bcfd
```
#96bcfd rgb(150,188,253)
```
#aac9fe
```
#aac9fe rgb(170,201,254)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```
#d0e1fe
```
#d0e1fe rgb(208,225,254)
```
#e4eeff
```
#e4eeff rgb(228,238,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#dcdddf
```
#dcdddf rgb(220,221,223)
```
#d9dce2
```
#d9dce2 rgb(217,220,226)
```
#d7dce4
```
#d7dce4 rgb(215,220,228)
```
#d4dbe7
```
#d4dbe7 rgb(212,219,231)
```
#d2dae9
```
#d2dae9 rgb(210,218,233)
```
#cfdaec
```
#cfdaec rgb(207,218,236)
```
#ccd9ef
```
#ccd9ef rgb(204,217,239)
```
#cad8f1
```
#cad8f1 rgb(202,216,241)
```
#c7d8f4
```
#c7d8f4 rgb(199,216,244)
```
#c5d7f6
```
#c5d7f6 rgb(197,215,246)
```
#c2d6f9
```
#c2d6f9 rgb(194,214,249)
```
#c0d6fb
```
#c0d6fb rgb(192,214,251)
```
#bdd5fe
```
#bdd5fe rgb(189,213,254)
```

Tone Color Variation

Below, you can see how #bdd5fe 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
#ced3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd4fc Protanopia 1% of men
#d3d1ff Deuteranopia 1% of men
#bbdaea Tritanopia 0.001% of the population

Trichromacy

#c7d4fc Protanomaly 1% of men, 0.01% of women
#cbd2fe Deuteranomaly 6% of men, 0.4% of women
#bcd8f1 Tritanomaly 0.01% of the population

#bdd5fe hex color

#bdd5fe Color Information

#bdd5fe Color Conversion

Color Schemes with #bdd5fe

Alternatives to #bdd5fe

#bdd5fe Preview

Shades and Tints of #bdd5fe

Tones of #bdd5fe

Color Blindness Simulator