#bdd3fe hex color

In a RGB color space, hex #bdd3fe is composed of 74.1% red, 82.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 16.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 219.7 degrees, a saturation of 97% and a lightness of 86.9%. #bdd3fe color hex could be obtained by blending #ffffff with #7ba7fd. 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

● #bdd3fe color description : Very soft blue.

The hexadecimal color #bdd3fe has RGB values of R:189, G:211, B:254 and CMYK values of C:0.26, M:0.17, Y:0, K:0. Its decimal value is 12440574.

Hex triplet	bdd3fe	`#bdd3fe`
RGB Decimal	189, 211, 254	`rgb(189,211,254)`
RGB Percent	74.1, 82.7, 99.6	`rgb(74.1%,82.7%,99.6%)`
CMYK	26, 17, 0, 0
HSL	219.7°, 97, 86.9	`hsl(219.7,97%,86.9%)`
HSV (or HSB)	219.7°, 25.6, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.257, 1.875, -23.44
XYZ	62.166, 64.562, 102.947
xyY	0.271, 0.281, 64.562
CIE-LCH	84.257, 23.515, 274.573
CIE-LUV	84.257, -13.353, -37.821
Hunter-Lab	80.35, -2.51, -19.719
Binary	10111101, 11010011, 11111110

#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#fee8bd
```
#fee8bd rgb(254,232,189)
```

Complementary Color

#bdf4fe
```
#bdf4fe rgb(189,244,254)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#c8bdfe
```
#c8bdfe rgb(200,189,254)
```

Analogous Color

#f4febd
```
#f4febd rgb(244,254,189)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#fec8bd
```
#fec8bd rgb(254,200,189)
```

Split Complementary Color

#d3febd
```
#d3febd rgb(211,254,189)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#febdd3
```
#febdd3 rgb(254,189,211)
```

Triadic Color

#bdfee8
```
#bdfee8 rgb(189,254,232)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#febdd3
```
#febdd3 rgb(254,189,211)
```
#fee8bd
```
#fee8bd rgb(254,232,189)
```

Tetradic Color

#72a1fd
```
#72a1fd rgb(114,161,253)
```
#8bb2fd
```
#8bb2fd rgb(139,178,253)
```
#a4c2fe
```
#a4c2fe rgb(164,194,254)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#d6e4fe
```
#d6e4fe rgb(214,228,254)
```
#eff4ff
```
#eff4ff rgb(239,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bde3fe
```
#bde3fe rgb(189,227,254)
```
#bddefe
```
#bddefe rgb(189,222,254)
```
#bdd8fe
```
#bdd8fe rgb(189,216,254)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#bdcefe
```
#bdcefe rgb(189,206,254)
```
#bdc8fe
```
#bdc8fe rgb(189,200,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```

Similar Colors

Text with hexadecimal color #bdd3fe

This text has a font color of #bdd3fe.

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

#bdd3fe background color

This paragraph has a background color of #bdd3fe.

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

#bdd3fe border color

This element has a border color of #bdd3fe.

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

CSS codes

.text {color:#bdd3fe;}

.background {background-color:#bdd3fe;}

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

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)
```
#000b1f
```
#000b1f rgb(0,11,31)
```
#011132
```
#011132 rgb(1,17,50)
```
#011845
```
#011845 rgb(1,24,69)
```
#011f59
```
#011f59 rgb(1,31,89)
```
#02266c
```
#02266c rgb(2,38,108)
```
#022c7f
```
#022c7f rgb(2,44,127)
```
#023393
```
#023393 rgb(2,51,147)
```
#033aa6
```
#033aa6 rgb(3,58,166)
```
#0341b9
```
#0341b9 rgb(3,65,185)
```
#0347cd
```
#0347cd rgb(3,71,205)
```
#034ee0
```
#034ee0 rgb(3,78,224)
```
#0455f3
```
#0455f3 rgb(4,85,243)
```

Shade Color Variation

#0f5ffb
```
#0f5ffb rgb(15,95,251)
```
#226cfc
```
#226cfc rgb(34,108,252)
```
#3679fc
```
#3679fc rgb(54,121,252)
```
#4986fc
```
#4986fc rgb(73,134,252)
```
#5c93fd
```
#5c93fd rgb(92,147,253)
```
#709ffd
```
#709ffd rgb(112,159,253)
```
#83acfd
```
#83acfd rgb(131,172,253)
```
#96b9fd
```
#96b9fd rgb(150,185,253)
```
#aac6fe
```
#aac6fe rgb(170,198,254)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#d0e0fe
```
#d0e0fe rgb(208,224,254)
```
#e4edff
```
#e4edff rgb(228,237,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 #bdd3fe is the most saturated one.

#dcdddf
```
#dcdddf rgb(220,221,223)
```
#d9dce2
```
#d9dce2 rgb(217,220,226)
```
#d7dbe4
```
#d7dbe4 rgb(215,219,228)
```
#d4dae7
```
#d4dae7 rgb(212,218,231)
```
#d2dae9
```
#d2dae9 rgb(210,218,233)
```
#cfd9ec
```
#cfd9ec rgb(207,217,236)
```
#ccd8ef
```
#ccd8ef rgb(204,216,239)
```
#cad7f1
```
#cad7f1 rgb(202,215,241)
```
#c7d6f4
```
#c7d6f4 rgb(199,214,244)
```
#c5d5f6
```
#c5d5f6 rgb(197,213,246)
```
#c2d5f9
```
#c2d5f9 rgb(194,213,249)
```
#c0d4fb
```
#c0d4fb rgb(192,212,251)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd1da Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad2fc Protanopia 1% of men
#d1d0ff Deuteranopia 1% of men
#bbd9e8 Tritanopia 0.001% of the population

Trichromacy

#c5d2fd Protanomaly 1% of men, 0.01% of women
#c9d1fe Deuteranomaly 6% of men, 0.4% of women
#bbd6f0 Tritanomaly 0.01% of the population

#bdd3fe hex color

#bdd3fe Color Information

#bdd3fe Color Conversion

Color Schemes with #bdd3fe

Alternatives to #bdd3fe

#bdd3fe Preview

Shades and Tints of #bdd3fe

Tones of #bdd3fe

Color Blindness Simulator