#bfbdd4 hex color

In a RGB color space, hex #bfbdd4 is composed of 74.9% red, 74.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 9.9% cyan, 10.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 245.2 degrees, a saturation of 21.1% and a lightness of 78.6%. #bfbdd4 color hex could be obtained by blending #ffffff with #7f7ba9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 74
- B 83
RGB color chart
- C 10
- M 11
- Y 0
- K 17
CMYK color chart

● #bfbdd4 color description : Grayish blue.

The hexadecimal color #bfbdd4 has RGB values of R:191, G:189, B:212 and CMYK values of C:0.1, M:0.11, Y:0, K:0.17. Its decimal value is 12565972.

Hex triplet	bfbdd4	`#bfbdd4`
RGB Decimal	191, 189, 212	`rgb(191,189,212)`
RGB Percent	74.9, 74.1, 83.1	`rgb(74.9%,74.1%,83.1%)`
CMYK	10, 11, 0, 17
HSL	245.2°, 21.1, 78.6	`hsl(245.2,21.1%,78.6%)`
HSV (or HSB)	245.2°, 10.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.415, 5.144, -11.263
XYZ	51.565, 52.225, 69.648
xyY	0.297, 0.301, 52.225
CIE-LCH	77.415, 12.382, 294.546
CIE-LUV	77.415, -0.252, -18.186
Hunter-Lab	72.267, 0.899, -6.554
Binary	10111111, 10111101, 11010100

#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#d2d4bd
```
#d2d4bd rgb(210,212,189)
```

Complementary Color

#bdc7d4
```
#bdc7d4 rgb(189,199,212)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#cbbdd4
```
#cbbdd4 rgb(203,189,212)
```

Analogous Color

#c7d4bd
```
#c7d4bd rgb(199,212,189)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#d4cbbd
```
#d4cbbd rgb(212,203,189)
```

Split Complementary Color

#bdd4bf
```
#bdd4bf rgb(189,212,191)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#d4bfbd
```
#d4bfbd rgb(212,191,189)
```

Triadic Color

#bdd2d4
```
#bdd2d4 rgb(189,210,212)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#d4bfbd
```
#d4bfbd rgb(212,191,189)
```
#d2d4bd
```
#d2d4bd rgb(210,212,189)
```

Tetradic Color

#928fb6
```
#928fb6 rgb(146,143,182)
```
#a19ec0
```
#a19ec0 rgb(161,158,192)
```
#b0aeca
```
#b0aeca rgb(176,174,202)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#ceccde
```
#ceccde rgb(206,204,222)
```
#dddce8
```
#dddce8 rgb(221,220,232)
```
#ecebf2
```
#ecebf2 rgb(236,235,242)
```

Monochromatic Color

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

#bdc1d4
```
#bdc1d4 rgb(189,193,212)
```
#bdbfd4
```
#bdbfd4 rgb(189,191,212)
```
#bdbdd4
```
#bdbdd4 rgb(189,189,212)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#c1bdd4
```
#c1bdd4 rgb(193,189,212)
```
#c3bdd4
```
#c3bdd4 rgb(195,189,212)
```
#c5bdd4
```
#c5bdd4 rgb(197,189,212)
```

Similar Colors

Text with hexadecimal color #bfbdd4

This text has a font color of #bfbdd4.

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

#bfbdd4 background color

This paragraph has a background color of #bfbdd4.

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

#bfbdd4 border color

This element has a border color of #bfbdd4.

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

CSS codes

.text {color:#bfbdd4;}

.background {background-color:#bfbdd4;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0c0b11
```
#0c0b11 rgb(12,11,17)
```
#14131d
```
#14131d rgb(20,19,29)
```
#1c1b29
```
#1c1b29 rgb(28,27,41)
```
#242235
```
#242235 rgb(36,34,53)
```
#2c2a41
```
#2c2a41 rgb(44,42,65)
```
#34324d
```
#34324d rgb(52,50,77)
```
#3c3a58
```
#3c3a58 rgb(60,58,88)
```
#444164
```
#444164 rgb(68,65,100)
```
#4c4970
```
#4c4970 rgb(76,73,112)
```
#55517c
```
#55517c rgb(85,81,124)
```
#5d5988
```
#5d5988 rgb(93,89,136)
```
#656094
```
#656094 rgb(101,96,148)
```

Shade Color Variation

#6e6a9e
```
#6e6a9e rgb(110,106,158)
```
#7a76a6
```
#7a76a6 rgb(122,118,166)
```
#8582ad
```
#8582ad rgb(133,130,173)
```
#918db5
```
#918db5 rgb(145,141,181)
```
#9c99bd
```
#9c99bd rgb(156,153,189)
```
#a8a5c5
```
#a8a5c5 rgb(168,165,197)
```
#b3b1cc
```
#b3b1cc rgb(179,177,204)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#cbc9dc
```
#cbc9dc rgb(203,201,220)
```
#d6d5e3
```
#d6d5e3 rgb(214,213,227)
```
#e2e1eb
```
#e2e1eb rgb(226,225,235)
```
#ededf3
```
#ededf3 rgb(237,237,243)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#c6c5cc
```
#c6c5cc rgb(198,197,204)
```
#c2c1d0
```
#c2c1d0 rgb(194,193,208)
```
#bfbdd4
```
#bfbdd4 rgb(191,189,212)
```
#bcb9d8
```
#bcb9d8 rgb(188,185,216)
```
#b8b5dc
```
#b8b5dc rgb(184,181,220)
```
#b5b0e1
```
#b5b0e1 rgb(181,176,225)
```
#b1ace5
```
#b1ace5 rgb(177,172,229)
```
#aea8e9
```
#aea8e9 rgb(174,168,233)
```
#aaa4ed
```
#aaa4ed rgb(170,164,237)
```
#a7a0f1
```
#a7a0f1 rgb(167,160,241)
```
#a39bf6
```
#a39bf6 rgb(163,155,246)
```
#a097fa
```
#a097fa rgb(160,151,250)
```
#9c93fe
```
#9c93fe rgb(156,147,254)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c0bfc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc1d6 Protanopia 1% of men
#cabdd7 Deuteranopia 1% of men
#c0c1cf Tritanopia 0.001% of the population

Trichromacy

#bfbfd5 Protanomaly 1% of men, 0.01% of women
#c6bdd5 Deuteranomaly 6% of men, 0.4% of women
#c0bfd1 Tritanomaly 0.01% of the population

#bfbdd4 hex color

#bfbdd4 Color Information

#bfbdd4 Color Conversion

Color Schemes with #bfbdd4

Alternatives to #bfbdd4

#bfbdd4 Preview

Shades and Tints of #bfbdd4

Tones of #bfbdd4

Color Blindness Simulator