#bfc4d8 hex color

In a RGB color space, hex #bfc4d8 is composed of 74.9% red, 76.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 9.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 228 degrees, a saturation of 24.3% and a lightness of 79.8%. #bfc4d8 color hex could be obtained by blending #ffffff with #7f89b1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 77
- B 85
RGB color chart
- C 12
- M 9
- Y 0
- K 15
CMYK color chart

● #bfc4d8 color description : Grayish blue.

The hexadecimal color #bfc4d8 has RGB values of R:191, G:196, B:216 and CMYK values of C:0.12, M:0.09, Y:0, K:0.15. Its decimal value is 12567768.

Hex triplet	bfc4d8	`#bfc4d8`
RGB Decimal	191, 196, 216	`rgb(191,196,216)`
RGB Percent	74.9, 76.9, 84.7	`rgb(74.9%,76.9%,84.7%)`
CMYK	12, 9, 0, 15
HSL	228°, 24.3, 79.8	`hsl(228,24.3%,79.8%)`
HSV (or HSB)	228°, 11.6, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.336, 2.205, -10.555
XYZ	53.618, 55.514, 72.852
xyY	0.295, 0.305, 55.514
CIE-LCH	79.336, 10.782, 281.801
CIE-LUV	79.336, -3.843, -16.646
Hunter-Lab	74.508, -1.934, -5.818
Binary	10111111, 11000100, 11011000

#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#d8d3bf
```
#d8d3bf rgb(216,211,191)
```

Complementary Color

#bfd1d8
```
#bfd1d8 rgb(191,209,216)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#c7bfd8
```
#c7bfd8 rgb(199,191,216)
```

Analogous Color

#d1d8bf
```
#d1d8bf rgb(209,216,191)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#d8c7bf
```
#d8c7bf rgb(216,199,191)
```

Split Complementary Color

#c4d8bf
```
#c4d8bf rgb(196,216,191)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#d8bfc4
```
#d8bfc4 rgb(216,191,196)
```

Triadic Color

#bfd8d3
```
#bfd8d3 rgb(191,216,211)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#d8bfc4
```
#d8bfc4 rgb(216,191,196)
```
#d8d3bf
```
#d8d3bf rgb(216,211,191)
```

Tetradic Color

#8f98bb
```
#8f98bb rgb(143,152,187)
```
#9fa7c5
```
#9fa7c5 rgb(159,167,197)
```
#afb5ce
```
#afb5ce rgb(175,181,206)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#cfd3e2
```
#cfd3e2 rgb(207,211,226)
```
#dfe1eb
```
#dfe1eb rgb(223,225,235)
```
#eff0f5
```
#eff0f5 rgb(239,240,245)
```

Monochromatic Color

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

#bfcad8
```
#bfcad8 rgb(191,202,216)
```
#bfc8d8
```
#bfc8d8 rgb(191,200,216)
```
#bfc6d8
```
#bfc6d8 rgb(191,198,216)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#bfc2d8
```
#bfc2d8 rgb(191,194,216)
```
#bfc0d8
```
#bfc0d8 rgb(191,192,216)
```
#c0bfd8
```
#c0bfd8 rgb(192,191,216)
```

Similar Colors

Text with hexadecimal color #bfc4d8

This text has a font color of #bfc4d8.

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

#bfc4d8 background color

This paragraph has a background color of #bfc4d8.

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

#bfc4d8 border color

This element has a border color of #bfc4d8.

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

CSS codes

.text {color:#bfc4d8;}

.background {background-color:#bfc4d8;}

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0d0f15
```
#0d0f15 rgb(13,15,21)
```
#141722
```
#141722 rgb(20,23,34)
```
#1c1f2e
```
#1c1f2e rgb(28,31,46)
```
#23283a
```
#23283a rgb(35,40,58)
```
#2b3046
```
#2b3046 rgb(43,48,70)
```
#323952
```
#323952 rgb(50,57,82)
```
#3a415e
```
#3a415e rgb(58,65,94)
```
#41496b
```
#41496b rgb(65,73,107)
```
#485277
```
#485277 rgb(72,82,119)
```
#505a83
```
#505a83 rgb(80,90,131)
```
#57628f
```
#57628f rgb(87,98,143)
```
#5f6b9b
```
#5f6b9b rgb(95,107,155)
```

Shade Color Variation

#6a75a4
```
#6a75a4 rgb(106,117,164)
```
#7681ab
```
#7681ab rgb(118,129,171)
```
#828cb3
```
#828cb3 rgb(130,140,179)
```
#8e97ba
```
#8e97ba rgb(142,151,186)
```
#9aa2c2
```
#9aa2c2 rgb(154,162,194)
```
#a7aec9
```
#a7aec9 rgb(167,174,201)
```
#b3b9d1
```
#b3b9d1 rgb(179,185,209)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#cbcfdf
```
#cbcfdf rgb(203,207,223)
```
#d7dae7
```
#d7dae7 rgb(215,218,231)
```
#e4e6ee
```
#e4e6ee rgb(228,230,238)
```
#f0f1f6
```
#f0f1f6 rgb(240,241,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#cbcbcc
```
#cbcbcc rgb(203,203,204)
```
#c7c9d0
```
#c7c9d0 rgb(199,201,208)
```
#c3c6d4
```
#c3c6d4 rgb(195,198,212)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#bbc2dc
```
#bbc2dc rgb(187,194,220)
```
#b7bfe0
```
#b7bfe0 rgb(183,191,224)
```
#b3bde4
```
#b3bde4 rgb(179,189,228)
```
#afbae8
```
#afbae8 rgb(175,186,232)
```
#abb8ec
```
#abb8ec rgb(171,184,236)
```
#a7b6f0
```
#a7b6f0 rgb(167,182,240)
```
#a3b3f4
```
#a3b3f4 rgb(163,179,244)
```
#9fb1f8
```
#9fb1f8 rgb(159,177,248)
```
#9baffc
```
#9baffc rgb(155,175,252)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c4c5c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c6d9 Protanopia 1% of men
#d0c2db Deuteranopia 1% of men
#c1c7d6 Tritanopia 0.001% of the population

Trichromacy

#c3c5d8 Protanomaly 1% of men, 0.01% of women
#cac3da Deuteranomaly 6% of men, 0.4% of women
#c0c6d6 Tritanomaly 0.01% of the population

#bfc4d8 hex color

#bfc4d8 Color Information

#bfc4d8 Color Conversion

Color Schemes with #bfc4d8

Alternatives to #bfc4d8

#bfc4d8 Preview

Shades and Tints of #bfc4d8

Tones of #bfc4d8

Color Blindness Simulator