#bfd8e3 hex color

In a RGB color space, hex #bfd8e3 is composed of 74.9% red, 84.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 4.8% magenta, 0% yellow and 11% black. It has a hue angle of 198.3 degrees, a saturation of 39.1% and a lightness of 82%. #bfd8e3 color hex could be obtained by blending #ffffff with #7fb1c7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 85
- B 89
RGB color chart
- C 16
- M 5
- Y 0
- K 11
CMYK color chart

● #bfd8e3 color description : Light grayish blue.

The hexadecimal color #bfd8e3 has RGB values of R:191, G:216, B:227 and CMYK values of C:0.16, M:0.05, Y:0, K:0.11. Its decimal value is 12572899.

Hex triplet	bfd8e3	`#bfd8e3`
RGB Decimal	191, 216, 227	`rgb(191,216,227)`
RGB Percent	74.9, 84.7, 89	`rgb(74.9%,84.7%,89%)`
CMYK	16, 5, 0, 11
HSL	198.3°, 39.1, 82	`hsl(198.3,39.1%,82%)`
HSV (or HSB)	198.3°, 15.9, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.86, -6.053, -8.214
XYZ	59.904, 65.733, 82.2
xyY	0.288, 0.316, 65.733
CIE-LCH	84.86, 10.203, 233.613
CIE-LUV	84.86, -13.735, -11.717
Hunter-Lab	81.076, -9.996, -3.359
Binary	10111111, 11011000, 11100011

#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#e3cabf
```
#e3cabf rgb(227,202,191)
```

Complementary Color

#bfe3dc
```
#bfe3dc rgb(191,227,220)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#bfc6e3
```
#bfc6e3 rgb(191,198,227)
```

Analogous Color

#e3dcbf
```
#e3dcbf rgb(227,220,191)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#e3bfc6
```
#e3bfc6 rgb(227,191,198)
```

Split Complementary Color

#d8e3bf
```
#d8e3bf rgb(216,227,191)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#e3bfd8
```
#e3bfd8 rgb(227,191,216)
```

Triadic Color

#bfe3ca
```
#bfe3ca rgb(191,227,202)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#e3bfd8
```
#e3bfd8 rgb(227,191,216)
```
#e3cabf
```
#e3cabf rgb(227,202,191)
```

Tetradic Color

#8ab8cc
```
#8ab8cc rgb(138,184,204)
```
#9cc2d3
```
#9cc2d3 rgb(156,194,211)
```
#adcddb
```
#adcddb rgb(173,205,219)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#d1e3eb
```
#d1e3eb rgb(209,227,235)
```
#e2eef3
```
#e2eef3 rgb(226,238,243)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Monochromatic Color

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

#bfe1e3
```
#bfe1e3 rgb(191,225,227)
```
#bfdee3
```
#bfdee3 rgb(191,222,227)
```
#bfdbe3
```
#bfdbe3 rgb(191,219,227)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#bfd5e3
```
#bfd5e3 rgb(191,213,227)
```
#bfd2e3
```
#bfd2e3 rgb(191,210,227)
```
#bfcfe3
```
#bfcfe3 rgb(191,207,227)
```

Similar Colors

Text with hexadecimal color #bfd8e3

This text has a font color of #bfd8e3.

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

#bfd8e3 background color

This paragraph has a background color of #bfd8e3.

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

#bfd8e3 border color

This element has a border color of #bfd8e3.

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

CSS codes

.text {color:#bfd8e3;}

.background {background-color:#bfd8e3;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#080f12
```
#080f12 rgb(8,15,18)
```
#0e1a20
```
#0e1a20 rgb(14,26,32)
```
#14252d
```
#14252d rgb(20,37,45)
```
#1a313b
```
#1a313b rgb(26,49,59)
```
#203c48
```
#203c48 rgb(32,60,72)
```
#264756
```
#264756 rgb(38,71,86)
```
#2c5364
```
#2c5364 rgb(44,83,100)
```
#325e71
```
#325e71 rgb(50,94,113)
```
#38697f
```
#38697f rgb(56,105,127)
```
#3e758d
```
#3e758d rgb(62,117,141)
```
#44809a
```
#44809a rgb(68,128,154)
```
#498ba8
```
#498ba8 rgb(73,139,168)
```

Shade Color Variation

#5295b3
```
#5295b3 rgb(82,149,179)
```
#5f9eb9
```
#5f9eb9 rgb(95,158,185)
```
#6da6bf
```
#6da6bf rgb(109,166,191)
```
#7baec5
```
#7baec5 rgb(123,174,197)
```
#88b7cb
```
#88b7cb rgb(136,183,203)
```
#96bfd1
```
#96bfd1 rgb(150,191,209)
```
#a4c7d7
```
#a4c7d7 rgb(164,199,215)
```
#b1d0dd
```
#b1d0dd rgb(177,208,221)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#cde0e9
```
#cde0e9 rgb(205,224,233)
```
#dae9ef
```
#dae9ef rgb(218,233,239)
```
#e8f1f5
```
#e8f1f5 rgb(232,241,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#d1d1d1
```
#d1d1d1 rgb(209,209,209)
```
#cdd2d5
```
#cdd2d5 rgb(205,210,213)
```
#cad4d8
```
#cad4d8 rgb(202,212,216)
```
#c6d5dc
```
#c6d5dc rgb(198,213,220)
```
#c3d7df
```
#c3d7df rgb(195,215,223)
```
#bfd8e3
```
#bfd8e3 rgb(191,216,227)
```
#bbd9e7
```
#bbd9e7 rgb(187,217,231)
```
#b8dbea
```
#b8dbea rgb(184,219,234)
```
#b4dcee
```
#b4dcee rgb(180,220,238)
```
#b1def1
```
#b1def1 rgb(177,222,241)
```
#addff5
```
#addff5 rgb(173,223,245)
```
#aae0f8
```
#aae0f8 rgb(170,224,248)
```
#a6e2fc
```
#a6e2fc rgb(166,226,252)
```

Tone Color Variation

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

Dichromacy

#d6d4e1 Protanopia 1% of men
#e1d0e7 Deuteranopia 1% of men
#c3d9e8 Tritanopia 0.001% of the population

Trichromacy

#cdd6e2 Protanomaly 1% of men, 0.01% of women
#d4d3e5 Deuteranomaly 6% of men, 0.4% of women
#c1d8e6 Tritanomaly 0.01% of the population

#bfd8e3 hex color

#bfd8e3 Color Information

#bfd8e3 Color Conversion

Color Schemes with #bfd8e3

Alternatives to #bfd8e3

#bfd8e3 Preview

Shades and Tints of #bfd8e3

Tones of #bfd8e3

Color Blindness Simulator