#bfd2de hex color

In a RGB color space, hex #bfd2de is composed of 74.9% red, 82.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 5.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 203.2 degrees, a saturation of 32% and a lightness of 81%. #bfd2de color hex could be obtained by blending #ffffff with #7fa5bd. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 82
- B 87
RGB color chart
- C 14
- M 5
- Y 0
- K 13
CMYK color chart

● #bfd2de color description : Light grayish blue.

The hexadecimal color #bfd2de has RGB values of R:191, G:210, B:222 and CMYK values of C:0.14, M:0.05, Y:0, K:0.13. Its decimal value is 12571358.

Hex triplet	bfd2de	`#bfd2de`
RGB Decimal	191, 210, 222	`rgb(191,210,222)`
RGB Percent	74.9, 82.4, 87.1	`rgb(74.9%,82.4%,87.1%)`
CMYK	14, 5, 0, 13
HSL	203.2°, 32, 81	`hsl(203.2,32%,81%)`
HSV (or HSB)	203.2°, 14, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.148, -3.962, -8.097
XYZ	57.715, 62.443, 78.115
xyY	0.291, 0.315, 62.443
CIE-LCH	83.148, 9.014, 243.927
CIE-LUV	83.148, -10.757, -11.842
Hunter-Lab	79.021, -7.915, -3.296
Binary	10111111, 11010010, 11011110

#bfd2de
```
#bfd2de rgb(191,210,222)
```
#decbbf
```
#decbbf rgb(222,203,191)
```

Complementary Color

#bfdedb
```
#bfdedb rgb(191,222,219)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#bfc3de
```
#bfc3de rgb(191,195,222)
```

Analogous Color

#dedbbf
```
#dedbbf rgb(222,219,191)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#debfc3
```
#debfc3 rgb(222,191,195)
```

Split Complementary Color

#d2debf
```
#d2debf rgb(210,222,191)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#debfd2
```
#debfd2 rgb(222,191,210)
```

Triadic Color

#bfdecb
```
#bfdecb rgb(191,222,203)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#debfd2
```
#debfd2 rgb(222,191,210)
```
#decbbf
```
#decbbf rgb(222,203,191)
```

Tetradic Color

#8dafc4
```
#8dafc4 rgb(141,175,196)
```
#9dbacd
```
#9dbacd rgb(157,186,205)
```
#aec6d5
```
#aec6d5 rgb(174,198,213)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#d0dee7
```
#d0dee7 rgb(208,222,231)
```
#e1eaef
```
#e1eaef rgb(225,234,239)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```

Monochromatic Color

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

#bfdade
```
#bfdade rgb(191,218,222)
```
#bfd7de
```
#bfd7de rgb(191,215,222)
```
#bfd5de
```
#bfd5de rgb(191,213,222)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#bfcfde
```
#bfcfde rgb(191,207,222)
```
#bfcdde
```
#bfcdde rgb(191,205,222)
```
#bfcade
```
#bfcade rgb(191,202,222)
```

Similar Colors

Text with hexadecimal color #bfd2de

This text has a font color of #bfd2de.

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

#bfd2de background color

This paragraph has a background color of #bfd2de.

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

#bfd2de border color

This element has a border color of #bfd2de.

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

CSS codes

.text {color:#bfd2de;}

.background {background-color:#bfd2de;}

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

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, #000101 is the darkest color, while #f3f6f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0e161b
```
#0e161b rgb(14,22,27)
```
#142028
```
#142028 rgb(20,32,40)
```
#1b2b34
```
#1b2b34 rgb(27,43,52)
```
#223541
```
#223541 rgb(34,53,65)
```
#28404e
```
#28404e rgb(40,64,78)
```
#2f4a5b
```
#2f4a5b rgb(47,74,91)
```
#365568
```
#365568 rgb(54,85,104)
```
#3c5f75
```
#3c5f75 rgb(60,95,117)
```
#436a82
```
#436a82 rgb(67,106,130)
```
#4a748f
```
#4a748f rgb(74,116,143)
```
#507f9c
```
#507f9c rgb(80,127,156)
```

Shade Color Variation

#5789a9
```
#5789a9 rgb(87,137,169)
```
#6492af
```
#6492af rgb(100,146,175)
```
#719bb6
```
#719bb6 rgb(113,155,182)
```
#7ea5bd
```
#7ea5bd rgb(126,165,189)
```
#8baec3
```
#8baec3 rgb(139,174,195)
```
#98b7ca
```
#98b7ca rgb(152,183,202)
```
#a5c0d1
```
#a5c0d1 rgb(165,192,209)
```
#b2c9d7
```
#b2c9d7 rgb(178,201,215)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#ccdbe5
```
#ccdbe5 rgb(204,219,229)
```
#d9e4eb
```
#d9e4eb rgb(217,228,235)
```
#e6edf2
```
#e6edf2 rgb(230,237,242)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

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

#cecfcf
```
#cecfcf rgb(206,207,207)
```
#cacfd3
```
#cacfd3 rgb(202,207,211)
```
#c6d0d7
```
#c6d0d7 rgb(198,208,215)
```
#c3d1da
```
#c3d1da rgb(195,209,218)
```
#bfd2de
```
#bfd2de rgb(191,210,222)
```
#bbd3e2
```
#bbd3e2 rgb(187,211,226)
```
#b8d4e5
```
#b8d4e5 rgb(184,212,229)
```
#b4d5e9
```
#b4d5e9 rgb(180,213,233)
```
#b0d5ed
```
#b0d5ed rgb(176,213,237)
```
#acd6f1
```
#acd6f1 rgb(172,214,241)
```
#a9d7f4
```
#a9d7f4 rgb(169,215,244)
```
#a5d8f8
```
#a5d8f8 rgb(165,216,248)
```
#a1d9fc
```
#a1d9fc rgb(161,217,252)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cbcfd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d0dd Protanopia 1% of men
#dccce2 Deuteranopia 1% of men
#c3d3e2 Tritanopia 0.001% of the population

Trichromacy

#cad0dd Protanomaly 1% of men, 0.01% of women
#d2cee0 Deuteranomaly 6% of men, 0.4% of women
#c1d3e1 Tritanomaly 0.01% of the population

#bfd2de hex color

#bfd2de Color Information

#bfd2de Color Conversion

Color Schemes with #bfd2de

Alternatives to #bfd2de

#bfd2de Preview

Shades and Tints of #bfd2de

Tones of #bfd2de

Color Blindness Simulator