#bfd4ee hex color

In a RGB color space, hex #bfd4ee is composed of 74.9% red, 83.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 10.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 213.2 degrees, a saturation of 58% and a lightness of 84.1%. #bfd4ee color hex could be obtained by blending #ffffff with #7fa9dd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 83
- B 93
RGB color chart
- C 20
- M 11
- Y 0
- K 7
CMYK color chart

● #bfd4ee color description : Light grayish blue.

The hexadecimal color #bfd4ee has RGB values of R:191, G:212, B:238 and CMYK values of C:0.2, M:0.11, Y:0, K:0.07. Its decimal value is 12571886.

Hex triplet	bfd4ee	`#bfd4ee`
RGB Decimal	191, 212, 238	`rgb(191,212,238)`
RGB Percent	74.9, 83.1, 93.3	`rgb(74.9%,83.1%,93.3%)`
CMYK	20, 11, 0, 7
HSL	213.2°, 58, 84.1	`hsl(213.2,58%,84.1%)`
HSV (or HSB)	213.2°, 19.7, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.14, -1.63, -15.123
XYZ	60.459, 64.335, 90.117
xyY	0.281, 0.299, 64.335
CIE-LCH	84.14, 15.211, 263.849
CIE-LUV	84.14, -12.268, -23.526
Hunter-Lab	80.209, -5.82, -10.467
Binary	10111111, 11010100, 11101110

#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#eed9bf
```
#eed9bf rgb(238,217,191)
```

Complementary Color

#bfecee
```
#bfecee rgb(191,236,238)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#c2bfee
```
#c2bfee rgb(194,191,238)
```

Analogous Color

#eceebf
```
#eceebf rgb(236,238,191)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#eec2bf
```
#eec2bf rgb(238,194,191)
```

Split Complementary Color

#d4eebf
```
#d4eebf rgb(212,238,191)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#eebfd4
```
#eebfd4 rgb(238,191,212)
```

Triadic Color

#bfeed9
```
#bfeed9 rgb(191,238,217)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#eebfd4
```
#eebfd4 rgb(238,191,212)
```
#eed9bf
```
#eed9bf rgb(238,217,191)
```

Tetradic Color

#83abde
```
#83abde rgb(131,171,222)
```
#97b9e3
```
#97b9e3 rgb(151,185,227)
```
#abc6e9
```
#abc6e9 rgb(171,198,233)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#d3e2f3
```
#d3e2f3 rgb(211,226,243)
```
#e7eff9
```
#e7eff9 rgb(231,239,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Monochromatic Color

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

#bfe0ee
```
#bfe0ee rgb(191,224,238)
```
#bfdcee
```
#bfdcee rgb(191,220,238)
```
#bfd8ee
```
#bfd8ee rgb(191,216,238)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#bfd0ee
```
#bfd0ee rgb(191,208,238)
```
#bfccee
```
#bfccee rgb(191,204,238)
```
#bfc8ee
```
#bfc8ee rgb(191,200,238)
```

Similar Colors

Text with hexadecimal color #bfd4ee

This text has a font color of #bfd4ee.

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

#bfd4ee background color

This paragraph has a background color of #bfd4ee.

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

#bfd4ee border color

This element has a border color of #bfd4ee.

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

CSS codes

.text {color:#bfd4ee;}

.background {background-color:#bfd4ee;}

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

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, #04080d is the darkest color, while #fdfefe is the lightest one.

#04080d
```
#04080d rgb(4,8,13)
```
#08111d
```
#08111d rgb(8,17,29)
```
#0c1a2c
```
#0c1a2c rgb(12,26,44)
```
#10243c
```
#10243c rgb(16,36,60)
```
#142d4b
```
#142d4b rgb(20,45,75)
```
#18365b
```
#18365b rgb(24,54,91)
```
#1c3f6a
```
#1c3f6a rgb(28,63,106)
```
#20487a
```
#20487a rgb(32,72,122)
```
#255289
```
#255289 rgb(37,82,137)
```
#295b99
```
#295b99 rgb(41,91,153)
```
#2d64a8
```
#2d64a8 rgb(45,100,168)
```
#316db8
```
#316db8 rgb(49,109,184)
```
#3576c7
```
#3576c7 rgb(53,118,199)
```

Shade Color Variation

#4381cd
```
#4381cd rgb(67,129,205)
```
#538bd1
```
#538bd1 rgb(83,139,209)
```
#6296d5
```
#6296d5 rgb(98,150,213)
```
#72a0d9
```
#72a0d9 rgb(114,160,217)
```
#81aade
```
#81aade rgb(129,170,222)
```
#91b5e2
```
#91b5e2 rgb(145,181,226)
```
#a0bfe6
```
#a0bfe6 rgb(160,191,230)
```
#b0caea
```
#b0caea rgb(176,202,234)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#cedef2
```
#cedef2 rgb(206,222,242)
```
#dee9f6
```
#dee9f6 rgb(222,233,246)
```
#edf3fa
```
#edf3fa rgb(237,243,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#d5d6d8
```
#d5d6d8 rgb(213,214,216)
```
#d2d6db
```
#d2d6db rgb(210,214,219)
```
#cfd6de
```
#cfd6de rgb(207,214,222)
```
#cbd5e2
```
#cbd5e2 rgb(203,213,226)
```
#c8d5e5
```
#c8d5e5 rgb(200,213,229)
```
#c5d5e8
```
#c5d5e8 rgb(197,213,232)
```
#c2d4eb
```
#c2d4eb rgb(194,212,235)
```
#bfd4ee
```
#bfd4ee rgb(191,212,238)
```
#bcd4f1
```
#bcd4f1 rgb(188,212,241)
```
#b9d3f4
```
#b9d3f4 rgb(185,211,244)
```
#b6d3f7
```
#b6d3f7 rgb(182,211,247)
```
#b3d3fa
```
#b3d3fa rgb(179,211,250)
```
#afd2fe
```
#afd2fe rgb(175,210,254)
```

Tone Color Variation

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

Dichromacy

#d0d2ec Protanopia 1% of men
#d9cff1 Deuteranopia 1% of men
#c0d7e7 Tritanopia 0.001% of the population

Trichromacy

#c9d3ed Protanomaly 1% of men, 0.01% of women
#cfd1f0 Deuteranomaly 6% of men, 0.4% of women
#bfd6e9 Tritanomaly 0.01% of the population

#bfd4ee hex color

#bfd4ee Color Information

#bfd4ee Color Conversion

Color Schemes with #bfd4ee

Alternatives to #bfd4ee

#bfd4ee Preview

Shades and Tints of #bfd4ee

Tones of #bfd4ee

Color Blindness Simulator