#bfd8ed hex color

In a RGB color space, hex #bfd8ed is composed of 74.9% red, 84.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 8.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 207.4 degrees, a saturation of 56.1% and a lightness of 83.9%. #bfd8ed color hex could be obtained by blending #ffffff with #7fb1db. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 85
- B 93
RGB color chart
- C 19
- M 9
- Y 0
- K 7
CMYK color chart

● #bfd8ed color description : Light grayish blue.

The hexadecimal color #bfd8ed has RGB values of R:191, G:216, B:237 and CMYK values of C:0.19, M:0.09, Y:0, K:0.07. Its decimal value is 12572909.

Hex triplet	bfd8ed	`#bfd8ed`
RGB Decimal	191, 216, 237	`rgb(191,216,237)`
RGB Percent	74.9, 84.7, 92.9	`rgb(74.9%,84.7%,92.9%)`
CMYK	19, 9, 0, 7
HSL	207.4°, 56.1, 83.9	`hsl(207.4,56.1%,83.9%)`
HSV (or HSB)	207.4°, 19.4, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.15, -3.94, -13.08
XYZ	61.325, 66.301, 89.683
xyY	0.282, 0.305, 66.301
CIE-LCH	85.15, 13.66, 253.238
CIE-LUV	85.15, -14.052, -19.871
Hunter-Lab	81.426, -8.06, -8.304
Binary	10111111, 11011000, 11101101

#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#edd4bf
```
#edd4bf rgb(237,212,191)
```

Complementary Color

#bfedeb
```
#bfedeb rgb(191,237,235)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#bfc1ed
```
#bfc1ed rgb(191,193,237)
```

Analogous Color

#edebbf
```
#edebbf rgb(237,235,191)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#edbfc1
```
#edbfc1 rgb(237,191,193)
```

Split Complementary Color

#d8edbf
```
#d8edbf rgb(216,237,191)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#edbfd8
```
#edbfd8 rgb(237,191,216)
```

Triadic Color

#bfedd4
```
#bfedd4 rgb(191,237,212)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#edbfd8
```
#edbfd8 rgb(237,191,216)
```
#edd4bf
```
#edd4bf rgb(237,212,191)
```

Tetradic Color

#83b4dc
```
#83b4dc rgb(131,180,220)
```
#97c0e2
```
#97c0e2 rgb(151,192,226)
```
#abcce7
```
#abcce7 rgb(171,204,231)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#d3e4f3
```
#d3e4f3 rgb(211,228,243)
```
#e7f0f8
```
#e7f0f8 rgb(231,240,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bfe4ed
```
#bfe4ed rgb(191,228,237)
```
#bfe0ed
```
#bfe0ed rgb(191,224,237)
```
#bfdced
```
#bfdced rgb(191,220,237)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#bfd4ed
```
#bfd4ed rgb(191,212,237)
```
#bfd0ed
```
#bfd0ed rgb(191,208,237)
```
#bfcded
```
#bfcded rgb(191,205,237)
```

Similar Colors

Text with hexadecimal color #bfd8ed

This text has a font color of #bfd8ed.

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

#bfd8ed background color

This paragraph has a background color of #bfd8ed.

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

#bfd8ed border color

This element has a border color of #bfd8ed.

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

CSS codes

.text {color:#bfd8ed;}

.background {background-color:#bfd8ed;}

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

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 #fcfdfe is the lightest one.

#04080d
```
#04080d rgb(4,8,13)
```
#08131c
```
#08131c rgb(8,19,28)
```
#0c1d2b
```
#0c1d2b rgb(12,29,43)
```
#10273a
```
#10273a rgb(16,39,58)
```
#15324a
```
#15324a rgb(21,50,74)
```
#193c59
```
#193c59 rgb(25,60,89)
```
#1d4668
```
#1d4668 rgb(29,70,104)
```
#225078
```
#225078 rgb(34,80,120)
```
#265b87
```
#265b87 rgb(38,91,135)
```
#2a6596
```
#2a6596 rgb(42,101,150)
```
#2f6fa6
```
#2f6fa6 rgb(47,111,166)
```
#337ab5
```
#337ab5 rgb(51,122,181)
```
#3784c4
```
#3784c4 rgb(55,132,196)
```

Shade Color Variation

#458dcb
```
#458dcb rgb(69,141,203)
```
#5497cf
```
#5497cf rgb(84,151,207)
```
#63a0d3
```
#63a0d3 rgb(99,160,211)
```
#72a9d7
```
#72a9d7 rgb(114,169,215)
```
#82b3dc
```
#82b3dc rgb(130,179,220)
```
#91bce0
```
#91bce0 rgb(145,188,224)
```
#a0c5e4
```
#a0c5e4 rgb(160,197,228)
```
#b0cfe9
```
#b0cfe9 rgb(176,207,233)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#cee1f1
```
#cee1f1 rgb(206,225,241)
```
#deebf6
```
#deebf6 rgb(222,235,246)
```
#edf4fa
```
#edf4fa rgb(237,244,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#d2d6da
```
#d2d6da rgb(210,214,218)
```
#cfd7dd
```
#cfd7dd rgb(207,215,221)
```
#ccd7e0
```
#ccd7e0 rgb(204,215,224)
```
#c8d7e4
```
#c8d7e4 rgb(200,215,228)
```
#c5d7e7
```
#c5d7e7 rgb(197,215,231)
```
#c2d8ea
```
#c2d8ea rgb(194,216,234)
```
#bfd8ed
```
#bfd8ed rgb(191,216,237)
```
#bcd8f0
```
#bcd8f0 rgb(188,216,240)
```
#b9d9f3
```
#b9d9f3 rgb(185,217,243)
```
#b6d9f6
```
#b6d9f6 rgb(182,217,246)
```
#b2d9fa
```
#b2d9fa rgb(178,217,250)
```
#afd9fd
```
#afd9fd rgb(175,217,253)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cfd4d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d5eb Protanopia 1% of men
#ded1f0 Deuteranopia 1% of men
#c1daea Tritanopia 0.001% of the population

Trichromacy

#ccd6eb Protanomaly 1% of men, 0.01% of women
#d2d4ef Deuteranomaly 6% of men, 0.4% of women
#c0d9eb Tritanomaly 0.01% of the population

#bfd8ed hex color

#bfd8ed Color Information

#bfd8ed Color Conversion

Color Schemes with #bfd8ed

Alternatives to #bfd8ed

#bfd8ed Preview

Shades and Tints of #bfd8ed

Tones of #bfd8ed

Color Blindness Simulator